HTML

7 - Lista ordenada

Este etiqueta HTML es útil cuando debemos numerar o listar una serie de datos. Veamos con un ejemplo una lista ordenada para conocer su sintaxis.

Mostraremos el orden de llegada de tres corredores:

<!DOCTYPE html>
<html>
    <head>
        <title>Título de la página</title>
        <meta charset="UTF-8">
    </head>
    <body>
        <ol>
            <li>Aguirre Raul</li>
            <li>Lopez Hector</li>
            <li>Rodriguez Paul</li>
        </ol>
    </body>
</html>

El resultado en el navegador es:

lista ordenada html

La marca ol y su correspondiente marca de cerrado es /ol

En su interior cada uno de los items se los dispone con el elemento li, que también tiene la marca de fin /li de cada item.

Luego se encarga el navegador de numerar cada uno de los items contenidos en la lista, tengamos en cuenta que se numeran porque se trata de una lista ordenada.

Para recordar el nombre de estos elementos HTML:

<ol> viene de las palabras ordered list
<li> viene de las palabras list item