4.3. Las listas
- chiqui19-05
- 11 mar 2016
- 2 Min. de lectura

Las listas son elementos que, como los títulos, permiten presentar niveles jerarquizados de texto.
Los documentos HTML permiten dos tipos de listas:
Listas no ordenadas (bullet list): su etiqueta principal es <UL>...</UL>.
Listas ordenadas o numeradas (numbered list): su etiqueta principal es <OL>...</OL>.
Listas de definiciones (definition list): su etiqueta principal es <DL>...</DL>
.
Una vez definido el tipo de lista deseada, los elementos que la componen se marcan de distinta manera según el tipo:
En las listas ordenadas (<OL>...</OL>) o no ordenadas (<UL>...</UL>), cada elemento de dicha lista se marca con la etiqueta <LI>...</LI> (list item).
En las listas de definición (<DL>...</DL>), se utilizan dos: cada elemento que se define se marca con <DT>...</DT> y el texto de cada definición se marca con <DD>...</DD>. Esta etiqueta se puede repetir si se necesita introducir varios elementos de definición.
Las listas se pueden encajar unas dentro de otras, además de con el resto de las etiquetas disponibles. Vemos algún ejemplo:
Las listas admiten varios parámetros, que varían según el tipo de lista:
Las tres listas admiten el parámetro COMPACT, que hace que el navegador presente la lista de la manera más compacta posible.
El parámetro TYPE funciona con las dos primeras listas. Sus valores respectivos son, lógicamente, distintos:
En las no numeradas, controla el tipo de viñeta: con forma de disco (<UL type="disc">, la opción por defecto), de círculo (<UL type="circle">) y de cuadrado (<UL type="square">).
En las numeradas, controla el tipo de numeración: con números árabes (<OL type="1">, la opción por defecto), romanos (<OL type="I">), romanos en minúsculas (<OL type="i">), letras mayúsculas (<OL type="A">) y minúsculas (<OL type="a">).
La etiqueta <OL start="n"> indica el número por el que empieza la lista numerada.
En una lista numerada, se puede cambiar el número de un elemento –y consiguientemente de los posteriores– con la etiqueta <LI value="n">.
Comments