- El siguiente grupo de elementos se refiere a listas. Ya las hemos usado antes...

- Sí, OL y LI, ¿no?

- Exacto, y hay algunos más. Existen tres tipos de lista: listas ordenadas, listas no ordenadas y listas de definiciones.

- ¿Qué es exactamente cada cosa?

- Para entender la diferencia entre listas ordenadas y no ordenadas el ejemplo más claro es el de la receta de cocina: los ingredientes los pondrías en una lista no ordenada, y los pasos para cocinar la receta en una lista ordenada, porque en ese caso el orden es importante.

- Claro, los ingredientes los puedes conseguir en cualquier orden, pero la receta la tienes que preparar en el orden correcto.

- Justo. Por eso normalmente en las listas ordenadas los objetos salen numerados y en las listas no ordenadas salen con un marcador, como un circulito o un cuadradito.

Los LI son como sabes los objetos de la lista (list items).

- Sí, pero oye, si dentro de una lista sólo puede haber elementos LI, ¿quiere eso decir que no se pueden anidar unas listas dentro de otras?

- No, mira:

- Ah, o sea que si quiero anidar una lista tengo que meterla dentro de un elemento LI, ¿no?

- Exactamente. Bueno, las listas de definiciones (elemento DL, definition list) son ligeramente más complicadas. En estas listas aparecen dos tipos de objetos de lista: los términos definidos (DT, definition term) y las definiciones de los términos (DD, definition description). En el apartado anterior de este tutorial te he puesto una de estas listas con la utilidad de los elementos de frase.

En la especificación de HTML tienes un ejemplo en que se utilizan al mismo tiempo los tres tipos de listas.

- Sí, está bastante bien.

- Bueno, pues ya hemos acabado con las listas.

- Qué rápido. Pues seguimos.