Ejemplo de lista ordenada

directions Itinerario al colegio

<!-- Instrucciones para llegar al colegio -->
<h2>Ruta al colegio</h2>

<ol>
  <li>Conduce hasta el final de la calle</li>
  <li>Gira a la derecha</li>
  <li>Sigue derecho por las dos primeras glorietas</li>
  <li>Gira a la izquierda en la tercer glorieta</li>
  <li>El colegio está a la derecha, 300 metros más adelante</li>
</ol>

visibility Resultado visual

Ruta al colegio

  1. Conduce hasta el final de la calle
  2. Gira a la derecha
  3. Sigue derecho por las dos primeras glorietas
  4. Gira a la izquierda en la tercer glorieta
  5. El colegio está a la derecha, 300 metros más adelante
lightbulb Ventajas de usar listas ordenadas

• Secuencia clara de pasos o instrucciones

• Numeración automática que se actualiza si se añaden/eliminan elementos

• Estilos personalizables con CSS (números, letras, romanos)