Uso de las listas ordenadas

La etiqueta <ol> se encarga de las listas ordenadas. Estas se diferencian de las listas normales o desordenadas <ul> en que al principio de cada elemento incluye un número ordenado correspondiente a cada uno de los elementos. En este post veremos su uso con ejemplos incluyendo una lista ordenada utilizando números romanos y una lista ordenada con números de forma inversa o descendente.

Lista ordenada simple

<ol>
<li>Nombre</li>
<li>Apellidos</li>
<li>Dirección</li>
<li>Teléfono</li>
<li>Localidad</li>
</ol>

Lista ordenada utilizando Número Romanos

<ol type="I">
<li>Nombre</li>
<li>Apellidos</li>
<li>Dirección</li>
<li>Teléfono</li>
<li>Localidad</li>
</ol>

Lista ordenada inversamente o descendente

<ol reversed>
<li>Nombre</li>
<li>Apellidos</li>
<li>Dirección</li>
<li>Teléfono</li>
<li>Localidad</li>
</ol>

En este último ejemplo podríamos añadir type=”I” para que además de descendente fuera utilizando números romanos.

Relacionados