Dentro de un elemento de lista se puede insertar cualquier otro elemento (texto, imágenes, divisiones, tablas, listas, etc).
Listas ordenadas y no ordenadas
Tanto las listas ordenadas (<ol>) como las listas desordenadas (<ul>) tienen la misma estructura:
las etiquetas <ul> ...</ul> o <ol> ...</ol> delimitan la lista completa
las etiquetas <li> ...</li> delimitan cada elemento de la lista
<ol>
<li>La libertad de usar el programa, con cualquier propósito.</li>
<li>La libertad de estudiar cómo funciona el programa y adaptarlo a tus necesidades.</li>
<li>La libertad de distribuir copias del programa.</li>
<li>La libertad de mejorar el programa y hacer públicas las mejoras a los demás.</li>
</ol>
<ul>
<li>La libertad de usar el programa, con cualquier propósito.</li>
<li>La libertad de estudiar cómo funciona el programa y adaptarlo a tus necesidades.</li>
<li>La libertad de distribuir copias del programa.</li>
<li>La libertad de mejorar el programa y hacer públicas las mejoras a los demás.</li>
</ul>
La diferencia entre ambos tipos de listas es que los navegadores numeran (con letras o números) los elementos de las listas ordenadas, mientras que en las listas no ordenadas se dibuja un símbolo gráfico.
Atributos de listas ordenadas <ol>
Atributo type de <ol>
Aunque se recomienda utilizar la propiedad CSS list-style-type, la propiedad type permite establecer el tipo de numeración de la lista, . Los valores adminitidos son:
1 para listas de números enteros
a para listas numeradas alfabéticamente en minúsculas
A para listas numeradas alfabéticamente en mayúsculas
i para listas numeradas con número romanos en minúsculas
I para listas numeradas con número romanos en mayúsculas
<ol type="I">
<li>La libertad de usar el programa, con cualquier propósito.</li>
<li>La libertad de estudiar cómo funciona el programa y adaptarlo a tus necesidades.</li>
<li>La libertad de distribuir copias del programa.</li>
<li>La libertad de mejorar el programa y hacer públicas las mejoras a los demás.</li>
</ol>
Atributo reversed de <ol>
La propiedad reversed invierte el sentido de numeración de la lista, de mayor a menor. El orden de los elementos no se invierte, únicamente lo hace la numeración.
<ol reversed>
<li>La libertad de usar el programa, con cualquier propósito.</li>
<li>La libertad de estudiar cómo funciona el programa y adaptarlo a tus necesidades.</li>
<li>La libertad de distribuir copias del programa.</li>
<li>La libertad de mejorar el programa y hacer públicas las mejoras a los demás.</li>
</ol>
Atributo start de <ol>
La propiedad start establece el valor inicial de numeración de la lista ordenada.
<ol start="100">
<li>La libertad de usar el programa, con cualquier propósito.</li>
<li>La libertad de estudiar cómo funciona el programa y adaptarlo a tus necesidades.</li>
<li>La libertad de distribuir copias del programa.</li>
<li>La libertad de mejorar el programa y hacer públicas las mejoras a los demás.</li>
</ol>
Atributos de elementos <li> de listas ordenadas <ol>
Atributo value de <li>
La propiedad value establece el valor de numeración de un elemento de la lista ordenada. Los elementos siguientes continúan la numeración a partir de dicho valor.
<ol>
<li>La libertad de usar el programa, con cualquier propósito.</li>
<li>La libertad de estudiar cómo funciona el programa y adaptarlo a tus necesidades.</li>
<li value="101">La libertad de distribuir copias del programa.</li>
<li>La libertad de mejorar el programa y hacer públicas las mejoras a los demás.</li>
</ol>
Listas de definición
Las listas de definición tienen una estructura distinta:
las etiquetas <dl> ...</dl> delimitan la lista completa
las etiquetas <dt> ...</dt> delimitan los términos
las etiquetas <dd> ...</dd> delimitan las definiciones
<dl>
<dt>software</dt>
<dd>Conjunto de programas, instrucciones y reglas informáticas para ejecutar ciertas tareas en una computadora.</dd>
<dt>libre</dt>
<dd>Que tiene facultad para obrar o no obrar.</dd>
<dd>Que no es esclavo.</dd>
<dd>Que no está preso.</dd>
<dd>Licencioso,</dd>
</dl>
Las etiquetas <dt> y <dd> pueden encontrarse en cualquier orden dentro de un lista de definición, aunque lo razonable es que aparezcan cada <dt> seguido por uno o varios <dd>.
Anidamiento
Las listas pueden presentar cualquier nivel de anidamiento.
<ul>
<li>Ítem 1
<ol>
<li>Ítem 1 de sublista
<ul>
<li>Ítem 1 de sub-sublista</li>
<li>Ítem 2 de sub-sublista</li>
</ul>
</li>
<li>Ítem 2 de sublista
<ol>
<li>Ítem 1 de sub-sublista</li>
<li>Ítem 2 de sub-sublista</li>
</ol>
</li>
<li>Ítem 3 de sublista</li>
<li>Ítem 4 de sublista</li>
</ol>
</li>
<li>Ítem 2
<ul>
<li>Ítem 1 de sublista</li>
<li>Ítem 2 de sublista</li>
</ul>
</li>
</ul>
Los navegadores suelen utilizar estilos de marcadores distintos para las sublistas no ordenadas (hasta el tercer nivel), pero no en las listas ordenadas:
<ul>
<li>Esto es un punto de una lista</li>
<li>Esto es otro punto de la misma lista
<ul>
<li>Esto es un punto de una sublista</li>
...
<ol>
<li>Esto es un punto de una lista</li>
<li>Esto es otro punto de la misma lista
<ol>
<li>Esto es un punto de una sublista</li>
...
Cada lista ordenada sigue su propia numeración, independiente de las demás.
<ol>
<li>Ítem 1
<ol>
<li>Ítem 1 de sublista
<ol>
<li>Ítem 1 de sub-sublista</li>
<li>Ítem 2 de sub-sublista</li>
</ol>
</li>
<li>Ítem 2 de sublista
<ol>
<li>Ítem 1 de sub-sublista</li>
<li>Ítem 2 de sub-sublista</li>
</ol>
</li>
<li>Ítem 3 de sublista</li>
<li>Ítem 4 de sublista</li>
</ol>
</li>
<li>Ítem 2
<ol>
<li>Ítem 1 de sublista</li>
<li>Ítem 2 de sublista</li>
</ol>
</li>
</ol>
