Listas ordenadas

Este tipo de listas numera los elementos de lista en el orden en el que se han introducido en el código HTML. La numeración se realiza con números empezando por el 1.

Las últimas extensiones de HTML permiten elegir entre distintos tipos de numeración para las listas ordenadas. Estas extensiones serán cubiertas en un capítulo posterior.

Este tipo de listas queda delimitado por la etiqueta  <OL>…</OL> (OL: Ordered List, Lista ordenada), y cada elemento se inserta, al igual que en el caso de listas no ordenadas, con la etiqueta <LI>.

En la figura 4.5 vemos un ejemplo de uso de listas ordenadas

Figura 4.5. En las listas ordenadas cada uno de los elementos de lista aparecen numerados y sangrados hacia la derecha.

que se corresponde con el siguiente código:

El navegador automáticamente numera los elementos de lista. Si en algún momento queremos insertar un nuevo elemento entre los existentes usando, de nuevo, <LI>, se realiza automáticamente una renumeración de los elementos de la lista. Tal y como podemos ver en la figura 4.6.

Figura 4.6. Cuando insertamos un nuevo elemento de lista en una lista ordenada los elementos siguientes son automáticamente renumerados.

que se corresponde con este código:

En el navegador Lynx las listas numeradas se muestran como vemos en la figura 4.7.

Figura 4.7. En el caso de las listas numeradas la diferencia entre la visualización con Lynx y con Explorer es menor.

Fuente: Copyright Jorge Ferrer, Rodrigo Garcia y Victor García, licencia Documentación Libre GNU, Versión 1.1