Uso de las listas ordenadas

HTML 7 febrero, 2018

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.

Te recomendamos también:

Poner tildes y eñes en HTML5

Imagen como botón de enviar de un formaulario

Lista ordenada y desordenada

Tabla simple y unión de celdas

Deja un comentario Cancelar respuesta

La Coruña, España

contacto@pc-solucion.es