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.

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.

Los autores deberían considerar a div como último recurso, reservado únicamente para aquellos casos en los que elementos con mayor significado, como main, header, footer, nav o article no son aplicables.

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.

X

Estás buscando un lugar para alojar tu próximo sitio? Puedo ayudarte con eso!