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
|
1 2 3 4 5 6 7 |
<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
|
1 2 3 4 5 6 7 |
<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
|
1 2 3 4 5 6 7 |
<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.