ETIQUETA DIV.
En la clase, el profesor explicó la correcta realización del proyecto y nos dio las pautas necesarias para la elaboración de éste, dándonos como ejemplo su template.
ETIQUETA DIV:
Etiqueta de apertura: <div>
Etiqueta de cierre: </div>
Etiqueta de cierre: </div>
Definición
La etiqueta <div> se utiliza para definir una sección dentro del documento.
Esta etiqueta se usa comunmente para agrupar un bloque de elementos, para luego añadirle un estilo determinado.
Esta etiqueta se usa comunmente para agrupar un bloque de elementos, para luego añadirle un estilo determinado.
Ejemplo | |
Código
<div style="color:red"><h3>Grupo 1</h3> <p>Este bloque tiene definido el texto de color rojo.</p> </div> <div style="color:green"> <h3>Grupo 2</h3> <p>Este bloque tiene definido el texto de color verde.</p> </div> |
Resultado
Grupo 1
Este bloque tiene definido el texto de color rojo.
Grupo 2
Este bloque tiene definido el texto de color verde.
|
Atributos Estándard de la Etiqueta <div>
Estos atributos son soportados por todos los navegadores
Internet Explorer - Firefox - Google Chrome - Opera - Safari
Internet Explorer - Firefox - Google Chrome - Opera - Safari
Atributos | Valor | Descripción |
---|---|---|
class | nombre de la clase | Asigna un nombre de clase. El atributo class actúa:
|
id | nombre | Asigna un nombre a un elemento. El atributo id actúa:
|
style | estilo | Este atributo especifica información de estilo para el elemento actual. |
title | nombre | Este atributo ofrece información consultiva sobre el elemento para el cual se establece. |
dir | ltr o rtl | Especifica la dirección del texto. Valores posibles:
|
lang | código de lenguaje | Especifica el idioma base de los valores de los atributos y del texto contenido en un elemento. El atributo lang es útil para:
|
Eventos de la Etiqueta <div>
Los eventos son soportados por todos los navegadores
Internet Explorer - Firefox - Google Chrome - Opera - Safari
Internet Explorer - Firefox - Google Chrome - Opera - Safari
Evento | Valor | Descripción |
---|---|---|
onkeydown | script | El script corre cuando se pulsa una tecla. |
onkeypress | script | El script corre cuando se pulsa y se suelta una tecla. |
onkeyup | script | El script corre cuando una tecla se suelta. |
onclick | script | El script corre cuando se hace clic con el mouse. |
ondblclick | script | El script corre cuando se hace doble clic con el mouse. |
onmousedown | script | El script corre cuando el botón del mouse se pulsa cuando está encima de un elemento. |
onmousemove | script | El script corre cuando el mouse se mueve mientras está sobre un elemento. |
onmouseout | script | El script corre cuando el mouse se aparta de un elemento. |
onmouseover | script | El script corre cuando el mouse se sitúa sobre un elemento. |
onmouseup | script | El script corre cuando el botón del mouse se suelta cuando está encima de un elemento. |
Comentarios
Publicar un comentario