CAPÍTULO XIV. BLOQUES Y ELEMENTOS DE LÍNEA.

Todos los elementos del lenguaje HTML se pueden clasificar en elementos de línea o bloques (o elementos de bloque). Un elemento de línea es aquel que ocupa el espacio mínimo necesario en horizontal (no comienzan en una nueva línea) y permite que otro elemento se coloque a su lado. En cambio, un elemento de bloque (siempre empieza en una nueva línea) ocupa todo el ancho disponible y no permite que otro elemento se coloque a su lado (aunque aparentemente tenga espacio suficiente).

Etiquetas de línea: <a>, <span>, <strong>, <img>,...

Etiquetas de bloque: <h1>, <h2>,..., <p>, <ul>, <table>,...

ELEMENTO DE LÍNEA <span>

Es un contenedor genérico que se utiliza normalmente para crear un elemento de línea dentro de un párrafo (que es un elemento de bloque). El siguiente ejemplo muestra cómo utilizar este elemento para crear estilos diferentes a determinadas palabras dentro de un texto:

En este otro ejemplo, conseguimos utilizar viñetas de colores:

ELEMENTO DE BLOQUE <div>

Se utiliza de forma genérica como contenedor de otros elementos. Ejemplo: