SlideShare ist ein Scribd-Unternehmen logo
1 von 8
Tag HTML Acronym
            El tag HTML acronym indica un
    acrónimo. Los navegadores usualmente muestran
        un "tool tip" con el texto del atributo "title“
cuando el mouse se encuentra sobre el texto entre los tags.

Atributos:            Eventos:              Ejemplo:

Id (name)             onclick               <acronym
Class (cdata)         ondblclick            xml:lang="es"
                      onmousedown           title="Organización
Style (style)
                                            de las Naciones
Title (text)          onmouseup
                                            Unidas">ONU</acro
Lang (langcode)       onmouseover           nym><br />
Dir                   onmousemove
                      onmouseout
                      onkeypress
                      onkeydown
                      onkeyup
Atributos
                              class (cdata)

El atributo "class" asigna un nombre de clase (o una lista de nombres de
 clase separados por espacios) al elemento contenedor. Es usado con
hojas de estilos e indica al navegador la clase a la cual el elemento está
   asociado. Una clase provee atributos visuales para los elementos.

    Ejemplo:

    <p class="referencias">Este artículo está basado en el libro
    "Viento en los árboles" por Jhon L. Brooks</p>

    <p class="referencias importante">Este artículo está basado en
    el libro "Viento en los árboles" por Jhon L. Brooks... y es más
    importante que el anterior.</p>
style (style)

 Define un estilo visual para el elemento. Es una mejor práctica definir
  atributos en hojas de estilos externas agrupándolos en clases. Los
atributos en el parámetro "style" deben preservar este orden "nombre :
              valor" y ser separados por un punto y coma.

Si estás escribiendo código XHTML te recomendamos no utilizar este
  atributo y probar con las clases de hojas de estilo (con el atributo
                                "class").


   Ejemplo:

   <p style="color: #0000FF; font-size: 12pt">Este es un párrafo con
   un estilo definido</p>
   <p>Y este es otro texto sin estilo.</p>
lang (langcode)

     Especifica el lenguaje del contenido de un elemento. El valor
                   predeterminado es "desconocido".

     Al escribir código XHTML la sintaxis "xml:lang" representa una
alternativa preferida en XHTML 1.0 y un reemplazo en XHTML 1.1 (por
                        ejemeplo, xml:lang="en").




   Ejemplo:

   <p lang="en">This is a paragraph in english.</p>
   <p lang="es">Este es un párrafo en español.</p>
Tag HTML Fieldset
  El tag HTML fieldset agrupa controles en un formulario. Esto
permite a los autores agrupar temáticamente los controles de un
 formulario, haciéndolo más fácil de entender y rellenar para el
                            usuario.


Atributos:               Eventos:              Ejemplo:

Id (name)                onclick               <form
Class (cdata)            ondblclick            action="ejemplo.php
Style (style)                                  ">
                         onmousedown
                                               <fieldset>
Title (text)             onmouseup             <legend>Información
Lang (langcode)          onmouseover           personal</legend>
Dir                      onmousemove           Nombre: <input
Accesskey (character)    onmouseout            type="text"
                         onkeypress            name="pnombre"
                         onkeydown             value="-" /><br />
                         onkeyup               </fieldset>
                                               </form>
Atributos
                             Id (name)

  El atributo "id" asigna un identificador al elemento asociado. Este
identificador debe ser único en el documento y puede ser usado para
                        referirse a ese elemento.




   Ejemplo:

   <p id="parrafo1">Este es el primer párrafo nombrado parrafo1.
   Para cambiar dinámicamente las propiedades del mismo usa este
   identificador.</p>
Dir

 Especifica la dirección de texto del contenido y atributos del elemento,
así como la direccionalidad de las tablas. Tiene dos valores posibles que
                son insensibles a mayúsculas/minúsculas:

        RTL: Derecha a izquierda.
        LTR: Izquierda a derecha.




     Ejemplo:

     <q lang="he" dir="rtl">...Una cita en Hebreo...</q>
Accesskey (character)


   Establece una relación entre este elemento y una tecla de carácter,
permitiendo al usuario activarlo mediante esa tecla (usualmente cuando
es utilizada junto con la tecla "alt"). El resultado de la activación depende
    de la naturaleza del elemento actual. Para vínculos, esta acción
 automáticamente sigue el vínculo, y para otros elementos simplemente
                             recibe el enfoque.




                                                        Roció Ramirez
                                                               6º 3º

Weitere ähnliche Inhalte

Was ist angesagt? (17)

Sql
SqlSql
Sql
 
Tutorial de DTD en PDF
Tutorial de DTD en PDFTutorial de DTD en PDF
Tutorial de DTD en PDF
 
Programming oriented to objects
Programming oriented to objectsProgramming oriented to objects
Programming oriented to objects
 
Espacios de nombres en XML
Espacios de nombres en XMLEspacios de nombres en XML
Espacios de nombres en XML
 
XML y DTDs
XML y DTDsXML y DTDs
XML y DTDs
 
Apuntes de XSD
Apuntes de XSDApuntes de XSD
Apuntes de XSD
 
XSLT y XPATH
XSLT y XPATHXSLT y XPATH
XSLT y XPATH
 
Base de datos a subir
Base de datos a subirBase de datos a subir
Base de datos a subir
 
Css uso selectores
Css uso selectoresCss uso selectores
Css uso selectores
 
Dom JavaScript
Dom JavaScriptDom JavaScript
Dom JavaScript
 
Clase xml as3
Clase xml as3Clase xml as3
Clase xml as3
 
DOM HTML Javascript
DOM HTML JavascriptDOM HTML Javascript
DOM HTML Javascript
 
Clase 07 04 08
Clase 07 04 08Clase 07 04 08
Clase 07 04 08
 
Dom html - java script
Dom   html - java scriptDom   html - java script
Dom html - java script
 
Resumen 5
Resumen 5Resumen 5
Resumen 5
 
Bases de datos orientado a objetos Exponer
Bases de datos orientado a objetos ExponerBases de datos orientado a objetos Exponer
Bases de datos orientado a objetos Exponer
 
03. Introduccion a JavaScript y JQuery
03. Introduccion a JavaScript y JQuery03. Introduccion a JavaScript y JQuery
03. Introduccion a JavaScript y JQuery
 

Andere mochten auch

China y la Web
China y la WebChina y la Web
China y la WebEcuaChina
 
Facebook Myspace.Tt
Facebook Myspace.TtFacebook Myspace.Tt
Facebook Myspace.Ttalesanturio
 
Trab Teoria Eco Franco
Trab Teoria Eco FrancoTrab Teoria Eco Franco
Trab Teoria Eco Francocarlosefrancou
 
Geoservidor: Herramienta Tecnológica para la Gestión de la Información, Adria...
Geoservidor: Herramienta Tecnológica para la Gestión de la Información, Adria...Geoservidor: Herramienta Tecnológica para la Gestión de la Información, Adria...
Geoservidor: Herramienta Tecnológica para la Gestión de la Información, Adria...TELEMATICA S.A.
 
Requerimientos de información espacial para proyectos de inversión pública, A...
Requerimientos de información espacial para proyectos de inversión pública, A...Requerimientos de información espacial para proyectos de inversión pública, A...
Requerimientos de información espacial para proyectos de inversión pública, A...TELEMATICA S.A.
 
I unidad
I unidadI unidad
I unidadUNT
 
Informatica %201%20 introduccion%20al%20procesamiento%20de%20datoscon[1]
Informatica %201%20 introduccion%20al%20procesamiento%20de%20datoscon[1]Informatica %201%20 introduccion%20al%20procesamiento%20de%20datoscon[1]
Informatica %201%20 introduccion%20al%20procesamiento%20de%20datoscon[1]Joel Parra
 
Ppt Cap 6
Ppt Cap 6Ppt Cap 6
Ppt Cap 6uv_sio
 
Cambio Climatico
Cambio ClimaticoCambio Climatico
Cambio Climaticomazarito
 
Análisis de impactos visuales en proyectos extractivos, Heidi Quintana - Gold...
Análisis de impactos visuales en proyectos extractivos, Heidi Quintana - Gold...Análisis de impactos visuales en proyectos extractivos, Heidi Quintana - Gold...
Análisis de impactos visuales en proyectos extractivos, Heidi Quintana - Gold...TELEMATICA S.A.
 
Las Causas De La Primera Guerra Mundial
Las Causas De La Primera Guerra MundialLas Causas De La Primera Guerra Mundial
Las Causas De La Primera Guerra Mundialguestaf241d29
 
Xabec, inserción social
Xabec, inserción socialXabec, inserción social
Xabec, inserción socialOpus Dei
 

Andere mochten auch (20)

prueba
pruebaprueba
prueba
 
Turismo activo
Turismo activoTurismo activo
Turismo activo
 
Estados Unidos
Estados UnidosEstados Unidos
Estados Unidos
 
China y la Web
China y la WebChina y la Web
China y la Web
 
Facebook Myspace.Tt
Facebook Myspace.TtFacebook Myspace.Tt
Facebook Myspace.Tt
 
Presentacion3
Presentacion3Presentacion3
Presentacion3
 
Peluqueria Elva
Peluqueria ElvaPeluqueria Elva
Peluqueria Elva
 
11 Gimp. Animacion Y Web
11 Gimp. Animacion Y Web11 Gimp. Animacion Y Web
11 Gimp. Animacion Y Web
 
Trab Teoria Eco Franco
Trab Teoria Eco FrancoTrab Teoria Eco Franco
Trab Teoria Eco Franco
 
Geoservidor: Herramienta Tecnológica para la Gestión de la Información, Adria...
Geoservidor: Herramienta Tecnológica para la Gestión de la Información, Adria...Geoservidor: Herramienta Tecnológica para la Gestión de la Información, Adria...
Geoservidor: Herramienta Tecnológica para la Gestión de la Información, Adria...
 
Requerimientos de información espacial para proyectos de inversión pública, A...
Requerimientos de información espacial para proyectos de inversión pública, A...Requerimientos de información espacial para proyectos de inversión pública, A...
Requerimientos de información espacial para proyectos de inversión pública, A...
 
I unidad
I unidadI unidad
I unidad
 
Informatica %201%20 introduccion%20al%20procesamiento%20de%20datoscon[1]
Informatica %201%20 introduccion%20al%20procesamiento%20de%20datoscon[1]Informatica %201%20 introduccion%20al%20procesamiento%20de%20datoscon[1]
Informatica %201%20 introduccion%20al%20procesamiento%20de%20datoscon[1]
 
Ppt Cap 6
Ppt Cap 6Ppt Cap 6
Ppt Cap 6
 
Cambio Climatico
Cambio ClimaticoCambio Climatico
Cambio Climatico
 
Rilakkumahellokittynuevascosas
RilakkumahellokittynuevascosasRilakkumahellokittynuevascosas
Rilakkumahellokittynuevascosas
 
Análisis de impactos visuales en proyectos extractivos, Heidi Quintana - Gold...
Análisis de impactos visuales en proyectos extractivos, Heidi Quintana - Gold...Análisis de impactos visuales en proyectos extractivos, Heidi Quintana - Gold...
Análisis de impactos visuales en proyectos extractivos, Heidi Quintana - Gold...
 
Las Causas De La Primera Guerra Mundial
Las Causas De La Primera Guerra MundialLas Causas De La Primera Guerra Mundial
Las Causas De La Primera Guerra Mundial
 
Dios Te Bendiga
Dios Te BendigaDios Te Bendiga
Dios Te Bendiga
 
Xabec, inserción social
Xabec, inserción socialXabec, inserción social
Xabec, inserción social
 

Ähnlich wie nuevas etiquetas html rora!!! =)

lenguaje Html
lenguaje Htmllenguaje Html
lenguaje Htmlfacu7
 
Faku Html
Faku HtmlFaku Html
Faku Htmlfacu7
 
Produccion de material educ. diapositivas html
Produccion de material educ. diapositivas htmlProduccion de material educ. diapositivas html
Produccion de material educ. diapositivas htmlMely1090
 
05introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp0205introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp02SoftArt2014
 
Documento de referencia XHTML + CSS + JAVASCRIPT
Documento de referencia XHTML + CSS + JAVASCRIPTDocumento de referencia XHTML + CSS + JAVASCRIPT
Documento de referencia XHTML + CSS + JAVASCRIPTAndres Bedoya Tobon
 
Introducción JavaScript
Introducción JavaScriptIntroducción JavaScript
Introducción JavaScriptUNED
 
Maria taipe..presentaciones
Maria taipe..presentacionesMaria taipe..presentaciones
Maria taipe..presentacionesmary taipe
 
Maria taipe..presentaciones
Maria taipe..presentacionesMaria taipe..presentaciones
Maria taipe..presentacionesmary taipe
 
Introducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formadosIntroducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formadosJose Emilio Labra Gayo
 
Presentación Powerpoint HTML
Presentación Powerpoint HTMLPresentación Powerpoint HTML
Presentación Powerpoint HTMLLola1234__
 
Tecnologia Web - HTML
Tecnologia Web - HTMLTecnologia Web - HTML
Tecnologia Web - HTMLmontilinux
 
Persistencia De Objetos(Hibernate)
Persistencia De Objetos(Hibernate)Persistencia De Objetos(Hibernate)
Persistencia De Objetos(Hibernate)Ronald Cuello
 
Persistencia de objetos con Hibernate
Persistencia de objetos con HibernatePersistencia de objetos con Hibernate
Persistencia de objetos con HibernateMauro Gomez Mejia
 

Ähnlich wie nuevas etiquetas html rora!!! =) (20)

lenguaje Html
lenguaje Htmllenguaje Html
lenguaje Html
 
Faku Html
Faku HtmlFaku Html
Faku Html
 
Produccion de material educ. diapositivas html
Produccion de material educ. diapositivas htmlProduccion de material educ. diapositivas html
Produccion de material educ. diapositivas html
 
Qué es xml
Qué es xmlQué es xml
Qué es xml
 
05introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp0205introduccionhtml 100901142734-phpapp02
05introduccionhtml 100901142734-phpapp02
 
Documento de referencia XHTML + CSS + JAVASCRIPT
Documento de referencia XHTML + CSS + JAVASCRIPTDocumento de referencia XHTML + CSS + JAVASCRIPT
Documento de referencia XHTML + CSS + JAVASCRIPT
 
Tarea 3
Tarea 3Tarea 3
Tarea 3
 
05 Introduccion a HTML
05 Introduccion a HTML05 Introduccion a HTML
05 Introduccion a HTML
 
Introducción JavaScript
Introducción JavaScriptIntroducción JavaScript
Introducción JavaScript
 
Maria taipe..presentaciones
Maria taipe..presentacionesMaria taipe..presentaciones
Maria taipe..presentaciones
 
Maria taipe..presentaciones
Maria taipe..presentacionesMaria taipe..presentaciones
Maria taipe..presentaciones
 
Introducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formadosIntroducción a XML: Sintaxis y documentos bien formados
Introducción a XML: Sintaxis y documentos bien formados
 
Presentación Powerpoint HTML
Presentación Powerpoint HTMLPresentación Powerpoint HTML
Presentación Powerpoint HTML
 
Css
CssCss
Css
 
Tecnologia Web - HTML
Tecnologia Web - HTMLTecnologia Web - HTML
Tecnologia Web - HTML
 
Persistencia De Objetos(Hibernate)
Persistencia De Objetos(Hibernate)Persistencia De Objetos(Hibernate)
Persistencia De Objetos(Hibernate)
 
Clase1
Clase1Clase1
Clase1
 
Prg java l
Prg java lPrg java l
Prg java l
 
Persistencia de objetos con Hibernate
Persistencia de objetos con HibernatePersistencia de objetos con Hibernate
Persistencia de objetos con Hibernate
 
Jquery parte 1
Jquery parte 1Jquery parte 1
Jquery parte 1
 

nuevas etiquetas html rora!!! =)

  • 1. Tag HTML Acronym El tag HTML acronym indica un acrónimo. Los navegadores usualmente muestran un "tool tip" con el texto del atributo "title“ cuando el mouse se encuentra sobre el texto entre los tags. Atributos: Eventos: Ejemplo: Id (name) onclick <acronym Class (cdata) ondblclick xml:lang="es" onmousedown title="Organización Style (style) de las Naciones Title (text) onmouseup Unidas">ONU</acro Lang (langcode) onmouseover nym><br /> Dir onmousemove onmouseout onkeypress onkeydown onkeyup
  • 2. Atributos class (cdata) El atributo "class" asigna un nombre de clase (o una lista de nombres de clase separados por espacios) al elemento contenedor. Es usado con hojas de estilos e indica al navegador la clase a la cual el elemento está asociado. Una clase provee atributos visuales para los elementos. Ejemplo: <p class="referencias">Este artículo está basado en el libro "Viento en los árboles" por Jhon L. Brooks</p> <p class="referencias importante">Este artículo está basado en el libro "Viento en los árboles" por Jhon L. Brooks... y es más importante que el anterior.</p>
  • 3. style (style) Define un estilo visual para el elemento. Es una mejor práctica definir atributos en hojas de estilos externas agrupándolos en clases. Los atributos en el parámetro "style" deben preservar este orden "nombre : valor" y ser separados por un punto y coma. Si estás escribiendo código XHTML te recomendamos no utilizar este atributo y probar con las clases de hojas de estilo (con el atributo "class"). Ejemplo: <p style="color: #0000FF; font-size: 12pt">Este es un párrafo con un estilo definido</p> <p>Y este es otro texto sin estilo.</p>
  • 4. lang (langcode) Especifica el lenguaje del contenido de un elemento. El valor predeterminado es "desconocido". Al escribir código XHTML la sintaxis "xml:lang" representa una alternativa preferida en XHTML 1.0 y un reemplazo en XHTML 1.1 (por ejemeplo, xml:lang="en"). Ejemplo: <p lang="en">This is a paragraph in english.</p> <p lang="es">Este es un párrafo en español.</p>
  • 5. Tag HTML Fieldset El tag HTML fieldset agrupa controles en un formulario. Esto permite a los autores agrupar temáticamente los controles de un formulario, haciéndolo más fácil de entender y rellenar para el usuario. Atributos: Eventos: Ejemplo: Id (name) onclick <form Class (cdata) ondblclick action="ejemplo.php Style (style) "> onmousedown <fieldset> Title (text) onmouseup <legend>Información Lang (langcode) onmouseover personal</legend> Dir onmousemove Nombre: <input Accesskey (character) onmouseout type="text" onkeypress name="pnombre" onkeydown value="-" /><br /> onkeyup </fieldset> </form>
  • 6. Atributos Id (name) El atributo "id" asigna un identificador al elemento asociado. Este identificador debe ser único en el documento y puede ser usado para referirse a ese elemento. Ejemplo: <p id="parrafo1">Este es el primer párrafo nombrado parrafo1. Para cambiar dinámicamente las propiedades del mismo usa este identificador.</p>
  • 7. Dir Especifica la dirección de texto del contenido y atributos del elemento, así como la direccionalidad de las tablas. Tiene dos valores posibles que son insensibles a mayúsculas/minúsculas: RTL: Derecha a izquierda. LTR: Izquierda a derecha. Ejemplo: <q lang="he" dir="rtl">...Una cita en Hebreo...</q>
  • 8. Accesskey (character) Establece una relación entre este elemento y una tecla de carácter, permitiendo al usuario activarlo mediante esa tecla (usualmente cuando es utilizada junto con la tecla "alt"). El resultado de la activación depende de la naturaleza del elemento actual. Para vínculos, esta acción automáticamente sigue el vínculo, y para otros elementos simplemente recibe el enfoque. Roció Ramirez 6º 3º