Anidando etiquetas en HTML

Anidando etiquetas en HTML

Hasta ahora hemos visto que las etiquetas html suelen ir en parejas. Tambien es posible incluir unas etiquetas dentro de otras. A esto se llama anidamiento:

<b>negrita</b>

<i>cursiva</i>

<b><i>cursiva y negrita</i></b>

<b><i>cursiva, negrita <small>y pequeña</small></i></b>
El anidamiento puede ser poniendo las etiquetas en cualquier orden, pero siempre se ha de guardar simetría.
Esto es incorrecto:

<b><i>...</b></i>
Y esto es la forma correcta:

<b><i>...</i></b>
Finalmente hay que tener en cuenta al anidar etiquetas que un elemento in-line no puede contener un elemento block-level.

Los elementos in-line son aquellos que no interrumpen el flujo del documento, mientras que los elementos block level interrumpen el flujo del documento formando nuevos bloques. Para que te hagas una idea gráfica, por formar un nuevo bloque queremos decir que el navegador insertará siempre un salto de linea antes y despues. Por ejemplo el elemento span es un elemento inline porque puede ir dentro de un texto, sin forzar un nuevo párrafo. Por el contrario las cabeceras h1 ...6 son definidoras de bloques en cuanto siempre se insertaran en una nueva linea.

Y los elementos block-level:

Recuerda la regla general: un elemento block-level puede contener otros elementos block-level o elementos inline, pero un elemento inline no debe contener elementos block-level.

Ejemplo incorrecto:

<small<p>Hello!</p></small>
La etiqueta small es un elemento in-line, no puede contener un elemento p. La forma correcta es al reves, especificando el tipo de fuente dentro de cada párrafo:

<p><small>Hello !</small></p>

Autor: Ignside
http://www.ignside.net/man/html/anidando.php

Usuarios que han visto este tema también han visto...

- Cómo hacer los mapas de imágenes en HTML
- Todo sobre las tablas en HTML.
- Uso de Listas en HTML
- XBBCode en HTML

- Versión imprimible de este documento

- Enviar por e-mail este documento