Listado completo de tutoriales

Temario del Tutorial->15 - Lista ordenada (<ol>)


Este elemento HTML es útil cuando debemos numerar o listar una serie de objetos.

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>
</head>
<body>
<ol>
<li>Rodriguez Pablo</li>
<li>Gonzalez Raul</li>
<li>Lopez Hector</li>
</ol>
</body>
</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 comienzo <li> y la marca de fin de item </li>

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

Retornar