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.
Ejemplo |
|
Código
<div style=”color:red”> |
Resultado
Grupo 1Este bloque tiene definido el texto de color rojo. Grupo 2Este bloque tiene definido el texto de color verde. |
Posibles Atributos de la Etiqueta <div>
Referencias:
DTD nos indica en que DTD se permite cada atributo. S=Strict, T=Transitional, and F=Frameset.
: Internet Explorer
: Firefox
: Google Chrome
: Opera
: Safari
Atributos | Valor | Descripción | Soportado por: | DTD | Ej. | ||||
---|---|---|---|---|---|---|---|---|---|
align | left | Desaprobado Especifica la alineación horizontal del contenido del elemento div. |
![]() |
![]() |
![]() |
![]() |
![]() |
TF | |
center | |||||||||
right | |||||||||
justify |
Atributos Estándard de la Etiqueta <div>
Estos atributos son soportados por todos los navegadores
: 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
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. |