Etiqueta DIV

La etiqueta DIV es un contenedor en el cual puedes agrupar muchos mas elementos, por lo general se utiliza mucho para ubicar el contenido, por ejemplo se utiliza para ubicar los menus, el contenido, barras laterales, o lo que sea que se agregue a una pagina web.


Las etiquetas Div son muy importantes, hace mucho tiempo no existian, y para poder ubicar el contenido se utilizaba la etiqueta table, la inclusión de la etiqueta DIV a HTML hizo que el diseño fuera mucho mejor, ahora puedes incluso hacer formas con las etiquetas DIV con un poco de CSS, cosa que antes no se podria realizar utilizando una tabla.

La etiqueta DIV es muy simple de agregarla a nuestro código, solo debemos escribir

 <div><p> aca hemos anidado la etiqueta</p>; </div>

En el ejemplo anterior se a agregado una etiqueta P dentro de la etiqueta DIV.

Agregando algunos estilos CSS podremos agregar estilos a las etiquetas div, podremos modificar su tamaño, color, posicion, forma, etc. En este aso solo deberemos hacer referencia a la clase que se ha creado en la hoja de estilos. para ello haremos lo siguiente:

 <div class="NombreDeLaClase"> Esta etiqueta tiene una clase