Qué es una división <div>
La etiqueta <div> define una
división. Esta etiqueta permite agrupar varios elementos de bloque (párrafos,
encabezados, listas, tablas, divisiones, etc). En principio, los navegadores no
muestran nada especial cuando se crea una división, salvo que se dé formato a
la división con la hoja de estilo.
Divisiones
anidadas
La etiqueta <div> se puede
anidar (es decir, que una división puede contener otras divisiones), por lo que
se utiliza para estructurar en bloques el contenido de la página web.
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.
Posibles
Atributos de la Etiqueta <div>
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>
Atributos
|
Valor
|
Descripción
|
class
|
nombre de la clase
|
Asigna un nombre de clase.
El atributo class actúa:
Como selector para las hojas de
estilo(CSS), cuando se asigna información de estilo a un conjunto de
elementos.
Para procesos generales por parte del
usuario.
|
id
|
nombre
|
Asigna un nombre a un elemento.
El atributo id actúa:
Como selector para las hojas de
estilo(CSS).
Como vínculo destino para vínculos de
hipertexto.
Como medio de hacer referencia a un
elemento en particular desde un script.
Como nombre de un elemento object
declarado.
Para procesos generales por parte del
usuario.
|
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:
ltr : De izquierda a derecha (left to right).
rtl : De derecha a izquierda (right to left).
|
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:
Ayudar a los motores de búsqueda.
Ayudar a los sintetizadores de voz.
Ayudar al agente de usuario a hacer
decisiones sobre separación de palabras, ligaduras, y espaciado.
Ayudar a los verificadores de ortografía y
gramática.
|
Eventos de
la Etiqueta <div>
Los eventos son soportados por todos los
navegadores
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.
|
BIBLIOGRAFIA
http://www.youtube.com/watch?v=f06cKJcnRCA
http://www.virtualnauta.com/html-etiqueta-div
http://www.mclibre.org/consultar/amaya/xhtml/xhtml_divisiones.html
No hay comentarios:
Publicar un comentario