HTML div

Cuando entras a una página web cualquiera, puedes admirar su diseño, pero realmente no conoces lo que hay detrás de esa página ni cómo funciona.

En ese caso, el Lenguaje de Marcas de Hipertexto (HTML en inglés), es el responsable de mostrarte tal página web.

Descripción

La Etiqueta HTML div es de formato abierto y simple. Está basada en etiquetas que puedes identificarlas fácilmente, ya que están enmarcadas dentro de paréntesis angulares “< >” o corchetes.

El HTML es quien le da las instrucciones al navegador, para que comprenda el tipo de información que está mostrando. De esa forma se indican cuáles son los títulos, cuáles son las imágenes para que las muestre en ese formato, y más.

Con la etiqueta div (que se refiere a división), puedes agrupar los diferentes contenidos o hacer secciones. Es obligatoria y se escribe <div> y </div>. En ella puedes encontrar texto o elementos en línea o bloques.

Ejemplos

Un ejemplo del uso de la etiqueta HTML <div>, es el siguiente:

<div style="color: red;">
  <h2> Ejemplo de div <h2>
  <p> Párrafo dentro de etiqueta div</p>
</div>

Lenguaje del código: HTML, XML (xml)

Atributos

Dentro de los atributos que contiene la etiqueta HTML div, puedes encontrar: de transición, específicos y genéricos.

Por ejemplo, con el atributo de transición “Align”, se indica la alineación del texto: derecha, izquierda, centro y justificada.

Los atributos específicos son:

Datasrc:

Es el que enlaza hacia otra fuente de datos. Por ejemplo, una URL. Su valor lo fija el navegador por defecto.

Datafld:

Indica el nombre de una columna o propiedad de dasrc. El valor es fijado por defecto por el navegador.

Dataformatas:

Con él se indica la forma de ser tratados aquellos datos que fueron obtenidos de datasrc. El valor por defecto es ‘plaintext’, o puedes usar también ‘html’.

Dentro de los atributos genéricos, algunos que puedes conseguir son los siguientes:

Title:

Quien mostrará el título del elemento o se puede usar como un texto informativo. Su valor lo asigna el navegador por defecto.

Id:

Asigna un nombre a un elemento para diferenciarlo de los demás en el documento. El valor es un nombre único y por defecto lo puede asignar el navegador.

Style:

Indica el estilo que llevará el texto. El valor lo fija por defecto el navegador o se puede escribir el mismo.