Elemento div
Si no sabes lo que es un elemento o cómo debes usarlo, te recomiendo leer el tutorial "Tags y atributos en HTML" que puedes encontrar en la sección de tutoriales HTML.
Tabla de contenidos
Descripción
El elemento div
es un contenedor genérico sin un significado semántico en particular. Se utiliza comúnmente en el desarrollo de documentos con propósitos estilísticos, en conjunto con los atributos style
y class
. También puede resultar útil para proveer atributos comunes a los elementos contenidos por el, como por ejemplo lang
o title
.
Ejemplos
El siguiente ejemplo muestra un par de párrafos (elemento p
) encerrados por un elemento div
. El propósito de div
en este ejemplo, es el de aplicar un conjunto de estilos a ambos párrafos en una sola declaraión.
<h1>Tim Berners-Lee</h1>
<div style="color: #040; font-style: italic">
<p>Timothy "Tim" John Berners-Lee es un científico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo HTTP en noviembre de 1989.</p>
<p>En octubre de 1994 fundó el Consorcio de la World Wide Web (W3C) con sede en el MIT, para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.</p>
</div>
Tim Berners-Lee
Timothy "Tim" John Berners-Lee es un científico de la computación británico, conocido por ser el padre de la Web. Estableció la primera comunicación entre un cliente y un servidor usando el protocolo HTTP en noviembre de 1989.
En octubre de 1994 fundó el Consorcio de la World Wide Web (W3C) con sede en el MIT, para supervisar y estandarizar el desarrollo de las tecnologías sobre las que se fundamenta la Web y que permiten el funcionamiento de Internet.
Ahora, un atributo title
es aplicado a un grupo de elementos, encerrándolos con un div
y estableciendo el atributo allí. En la mayoría de los navegadores verás los contenidos del atributo title
al posar el puntero del mouse sobre cualquier elemento del grupo.
<h1>La red informática mundial</h1>
<div title="descripción inicial de la WWW">
<p>En informática, la World Wide Web (WWW) o red informática mundial es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet.</p>
<p>Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.</p>
</div>
La red informática mundial
En informática, la World Wide Web (WWW) o red informática mundial es un sistema de distribución de documentos de hipertexto o hipermedios interconectados y accesibles vía Internet.
Con un navegador web, un usuario visualiza sitios web compuestos de páginas web que pueden contener texto, imágenes, vídeos u otros contenidos multimedia, y navega a través de esas páginas usando hiperenlaces.
Atributos
Atributos específicos
align
La alineación horizontal del texto dentro de este elemento y de todos sus hijos. Existen cuatro valores posibles (insensibles a mayúsculas/minúsculas):
- left: el texto se alinea a la margen izquierda.
- center: el texto es centrado.
- right: el texto se alinea a la margen derecha.
- justify: el texto es justificado o se alinea a ambas márgenes.
Este atributo se ha vuelto obsoleto en HTML5 y, por lo tanto, su uso ya no es válido. Los autores deberían reemplazarlo con declaraciones de hojas de estilo.
Ejemplo
<div align="center">La única fuente de conocimiento es la experiencia</div>
Atributos globales
Para más información acerca de los atributos globales refiérete a esta lista de atributos gloables en HTML5.
Eventos
Eventos globales
Para más información acerca de los eventos globales refiérete a esta lista de eventos globales en HTML5.