Listas básicas
El lenguaje HTML define tres tipos diferentes de listas para agrupar elementos.
- Listas ordenadas: los elementos están numerados u ordenados alfabéticamente. Para crear este tipo de listas se utiliza la etiqueta ol.../ol (ordered list)
- Listas desordenadas: los elementos no se presentan numerados ni ordenados alfabéticamente sino mediante símbolos como bolitas o cuadritos. Para crear este tipo de listas se utiliza la etiqueta ul.../ul (unordered list)
- Listas de definición: un conjunto de términos y definiciones similar a un diccionario, enciclopedias, etc...). Para estas listas utilizamos la etiqueta dl.../dl (definition list).
Listas ordenadas y listas desordenadas
Tanto ul como ol son contenedores de listas, y cada item de la lista se indica con la etiqueta li.../li (list item).
Las listas pueden anidarse (es decir, unas dentro de otras) sin límite. Incluso se pueden combinar ol y ul. Para hacerlo, la sista hija debe estar dentro de un li ... /li, y justo antes de la etiqueta de cierre.
Atributos
Para la listas ordenadas ol tenemos el atributo type con uno de estos valores 1|a|A|i|I. Otro atributo menos utilizado es start para indicar en qué numero debe comenzar la lista. Además podemos utilizar el atributo reversed (atributo vacio) para cambiar el orden de la lista.
Para la listas ordenadas ul tenemos un solo atributo type con uno de estos valores disc|circle|square.
Ejemplos:
Víendose en el navegador de esta forma:
