Cómo utilizar y mostrar HTML DIV Etiquetas

HTML moderna prescribe una serie de etiquetas semánticas, una de las etiquetas DIV siendo los más comunes, que se utilizan para organizar y estructurar un documento. Son elementos de bloque, lo que significa que, incluso sin instrucciones de formato adicionales, que se sumará saltos de página antes y después del contenido. Para el contenido que no está separado de su entorno lógicamente, la etiqueta SPAN es una mejor opción.

Instrucciones

1 Tenga en cuenta cómo desea una página a ser estructurado. Por ejemplo, podría haber una sección de navegación, una sección de cuerpo, una barra lateral, un pie de página y más. Cada uno de éstos estarán agrupados en su propia unidad lógica, direccionable con una etiqueta HTML DIV.

2 Para cada unidad lógica, crear una etiqueta DIV. Por ejemplo, todo el contenido del cuerpo entraría en un DIV que tiene este aspecto: <div id = "cuerpo"> contenido va aquí </ div> El atributo id indica que sólo debe haber un elemento corporal por página. La </ div> es una etiqueta de cierre que nos dice la etiqueta es completa.

3 Entendemos que a veces se espera que una unidad lógica que se produzca más de una vez por página. Por ejemplo, una entrada de libro podría estar encerrada en una etiqueta DIV, y puede haber varios de ellos en la misma página, todo el mismo estilo. Cuando este es el caso, un atributo de clase se utiliza en lugar de un atributo id: <div class = "entrada"> contenido va aquí </ div>

4 Cuando se utiliza una hoja de estilo CSS para añadir estilos a sus etiquetas, una etiqueta DIV con id atributos se accede de manera diferente que un DIV con atributos de clase. Un DIV con id atributos está referenciado con un signo de libra, y un DIV con los atributos de clase está precedida por un contenido # período. {Estilos para DIV con id = "contenido" ir aquí} {.entry estilos de DIV con class = "entrada " ven aqui }