intro

lunes, 27 de enero de 2014

Etiquetas Div

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.
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.
Soportado por el navegador Internet Explorer
Soportado por el navegador Firefox
Soportado por el navegador Google Chrome
Soportado por el navegador Opera
Soportado por el navegador Safari
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