El Elemento Div
Páginas: 3 (656 palabras)
Publicado: 18 de mayo de 2012
El elemento HTML div es un contenedor a nivel de bloque para otros elementos. Por sí mismo, no tiene significado alguno a nivel presentacional o semántico, exceptuando que, al ser un elemento a nivelde bloque, los navegadores mostrarán un quiebre de línea antes y después de su contenido.
Los elementos HTML div adquieren su potencual al ser usados conjuntamente con hojas de estilo, ya queresultan muy útiles para asignar atributos presentacionales a bloques enteros de contenido.
Otro uso útil para este elemento, y tal vez el más importante, es el de establecer la distribución o el diseño(en inglés "layout") del documento. Los elementos DIV han venido a reemplazar a la antigua forma de establecer el diseño del documento, que usaba tablas para organizar la distribución del contenido.Estos deseños con tablas hacían uso erróneo del elemento HTML table, cuyo propósito no es otro que representat información tabulada.
El atributo "align" de este elemento ha sido formalmente desaprobadoen HTML 4.01. Por lo tanto, su utilización ya no es recomendable.
Ejemplo:
<div style="float: right;">Lunes, 14 de Febrero de 2011</div>
<div style="font-size: 2em;">Elemento HTML<em>div</em>.</div>
<div style="color: green;">
<p>Este elemento es muy útil al diseñar "layouts" sin la utilización de tablas.</p>
<p>No olvides revisarsu referencia en HTMLQuick.com.</p>
</div>
No es más que un elemento rectangular dentro del cual podemos incluir lo que queramos, palabras, párrafos, enlaces, imágenes, varias de estascosas a la vez o incluso otras capas o también tablas. Es un simple hueco. Lo bueno que tiene es que luego, desde la Hoja de Estilos, podemos darle a todo su contenido propiedades como color defondo, tamaño de letra, dimensiones de ese recuadro, margenes, bordes, etc, etc.
<html>
<head>
<title>El Elemento div</title>
</head>
<body>
<!—El tag de...
Los elementos HTML div adquieren su potencual al ser usados conjuntamente con hojas de estilo, ya queresultan muy útiles para asignar atributos presentacionales a bloques enteros de contenido.
Otro uso útil para este elemento, y tal vez el más importante, es el de establecer la distribución o el diseño(en inglés "layout") del documento. Los elementos DIV han venido a reemplazar a la antigua forma de establecer el diseño del documento, que usaba tablas para organizar la distribución del contenido.Estos deseños con tablas hacían uso erróneo del elemento HTML table, cuyo propósito no es otro que representat información tabulada.
El atributo "align" de este elemento ha sido formalmente desaprobadoen HTML 4.01. Por lo tanto, su utilización ya no es recomendable.
Ejemplo:
<div style="float: right;">Lunes, 14 de Febrero de 2011</div>
<div style="font-size: 2em;">Elemento HTML<em>div</em>.</div>
<div style="color: green;">
<p>Este elemento es muy útil al diseñar "layouts" sin la utilización de tablas.</p>
<p>No olvides revisarsu referencia en HTMLQuick.com.</p>
</div>
No es más que un elemento rectangular dentro del cual podemos incluir lo que queramos, palabras, párrafos, enlaces, imágenes, varias de estascosas a la vez o incluso otras capas o también tablas. Es un simple hueco. Lo bueno que tiene es que luego, desde la Hoja de Estilos, podemos darle a todo su contenido propiedades como color defondo, tamaño de letra, dimensiones de ese recuadro, margenes, bordes, etc, etc.
<html>
<head>
<title>El Elemento div</title>
</head>
<body>
<!—El tag de...
Leer documento completo
Regístrate para leer el documento completo.