Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
Cuando el orden importa —los pasos de una receta, un ranking— usas una lista ordenada. El navegador se encarga de numerarla por ti.
Explicación
Una lista ordenada se construye con dos etiquetas y algunos atributos opcionales:
<ol>Contenedor de la lista ordenada. Le indica al navegador que numere cada elemento.
<li>Cada elemento de la lista ("list item"), sin importar si está dentro de <ol> o <ul>.
start="N"Hace que la numeración empiece en N en vez de en 1.
reversedNumera la lista de mayor a menor en vez de de menor a mayor.
Reto rápido
Estos pasos tienen el número escrito a mano dentro de cada elemento. Conviértelos en una lista <ol> correcta, sin números manuales.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Si reordenas los <li> en tu código, la numeración se actualiza sola: nunca necesitas tocar un número a mano.
Dato extra
Puedes anidar una lista dentro de otra: basta con colocar un <ol> o <ul> completo dentro de un <li>.
Error común
Escribir el número dentro del propio texto, como <li>1. Precalienta el horno</li>, en vez de dejar que <ol> lo genere automáticamente.
Siguiente paso
Ya sabes ordenar pasos. Ahora veamos las listas donde el orden no importa.
Ir a la siguiente lección