Embedded Files
Atributos
Atributos
Qué es el atributo
Qué es el atributo
Cualquier elemento puede tener uno o más atributos. Sintaxis:
Cualquier elemento puede tener uno o más atributos. Sintaxis:
<tag attribute = "attribute value">
<tag attribute = "attribute value">
<tag attribute1 = "atributo1 valor" attribute2 = "atributo value2">
<tag attribute1 = "atributo1 valor" attribute2 = "atributo value2">
Algunos atributos son comunes para todas las etiquetas. En esta sección los estudiaremos.
Algunos atributos son comunes para todas las etiquetas. En esta sección los estudiaremos.
atributo class
atributo class
Los atributos de clase definen clases de elementos. Por su relevancia, explicaremos en la Clase section.lección sobre Clases.
Los atributos de clase definen clases de elementos. Por su relevancia, explicaremos en la Clase section.lección sobre Clases.
atributo id
atributo id
Los atributos de id de atributo identifican un elemento de forma única o única.
Los atributos de id de atributo identifican un elemento de forma única o única.
No es posible tener dos elementos idénticos idénticos.
No es posible tener dos elementos idénticos idénticos.
Los elementos con un atributo id pueden ser destinos de enlaces, como se explica en la Lección de enlaces.
Los elementos con un atributo id pueden ser destinos de enlaces, como se explica en la Lección de enlaces.
Las hojas de estilo pueden referirse a un elemento con un atributo id, como se describe en la lección de Selectors.
Las hojas de estilo pueden referirse a un elemento con un atributo id, como se describe en la lección de Selectors.
atributo de estilo
atributo de estilo
los atributos de estilo se utilizan para definir las propiedades de estilo de un elemento.
los atributos de estilo se utilizan para definir las propiedades de estilo de un elemento.
<p style="color:red">Hau paragrafoa da <p>. </p> <p>Beste paragrafo bat <span style="color: red;"><p></span>.</p>
Esto es un paragrafo
Este es otro
atributo title
atributo title
El atributo title contiene el texto que se muestra en forma de "tip" (cuadrado amarillo que aparece cuando el ratón se coloca en la parte superior del elemento).
El atributo title contiene el texto que se muestra en forma de "tip" (cuadrado amarillo que aparece cuando el ratón se coloca en la parte superior del elemento).
El siguiente ejemplo muestra una "punta" cuando el ratón se coloca en el primer párrafo o en el término "<p>" del segundo párrafo.
El siguiente ejemplo muestra una "punta" cuando el ratón se coloca en el primer párrafo o en el término "<p>" del segundo párrafo.
<p title="Esto es un "tip"">Esto es un párrafo <p>. </p> <p>Esto es otro párrafo <span title="Esto es un "tip""><p></span>.</p>
Esto es un párrafo
Esto es otro párrafo
Eventos intrínsecos
Eventos intrínsecos
Los eventos intrínsecos son atributos también comunes a todos los elementos que permiten asociar scripts a eventos relacionados con elementos de la página web (por ejemplo, que se ejecute un script cuando se hace clic en un elemento).
Algunos elementos son comunes a todos los elementos, pero otros son específicos de determinados elementos.
Eventos de documento
Eventos de documento
Atributo
onload
onunload
Descripción
Se ejecuta cuando se carga el documento.
Se ejecuta cuando se abandona el documento.
Eventos de formulario
Eventos de formulario
Eventos de imagen
Eventos de imagen
Atributo
onabort
Descripción
Se ejecuta cuando se interrumpe la carga de la imagen.
Eventos de teclado
Eventos de teclado
Ejemplos:
<p onkeydown="this.style.color='red'">Este ... </p>
<p onkeyup="this.style.color='red'">Este ... </p>
<p onkeypress="this.style.color='red'">Este ... </p>
Este párrafo tiene establecido el atributo onkeydown.
Este párrafo tiene establecido el atributo onkeyup.
Este párrafo tiene establecido el atributo onkeypress.
Eventos de ratón
Eventos de ratón
Ejemplos:
Esta página forma parte del curso "Páginas web HTML / XHTML y hojas de estilo CSS" disponible en http://www.mclibre.org
Autor: Bartolomé Sintes Marco
Última modificación: 18 de enero de 2012
Esta obra está bajo una licencia de Creative Commons Reconocimiento-CompartirIgual 3.0 España.
Page updated
Report abuse