Cuando se programa un sitio web usando codificación HTML (lenguaje de marcado de hipertexto), se usa una lista ordenada para crear una lista de elementos que están numerados para mostrar el orden en el que deben ir. La lista se puede usar simplemente para enumerar objetos, para mostrar elementos clasificados de mayor a menor importancia, o para numerar los pasos de un proceso. Para crear este tipo de lista usando HTML, el usuario primero crea una etiqueta de lista ordenada de apertura. A continuación, agrega las etiquetas de los elementos de la lista e inserta los elementos reales que deberían aparecer en su lista. Cierra cada etiqueta de elemento de lista después del elemento y cuando la lista está completa, cierra la etiqueta de lista ordenada.
La etiqueta HTML de apertura adecuada es
. OL significa «lista ordenada». Este tipo de lista es lo opuesto a una lista desordenada, creada con el
Etiquetas HTML. Cuando la computadora ve la etiqueta «ol», sabe cómo numerar los elementos de la lista de acuerdo con el orden en el que aparecen.
Después de crear la etiqueta de apertura, el usuario inserta un
. Repite esto para cada elemento de su lista. Cuando ha insertado todos los elementos de su lista, utiliza un
A continuación, se muestra un ejemplo del código para una lista ordenada en HTML:
Esto muestra el código de la propia lista. En este momento, no muestra el formato de la lista. Cuando el código se muestra en un navegador web, convertirá el código HTML y lo mostrará correctamente como una lista. La lista creada a partir del código anterior aparecerá de la siguiente manera:
Inserte la etiqueta de apertura de la lista ordenada.
Inserte la etiqueta de apertura del elemento de la lista.
Escriba el primer elemento de la lista después de la etiqueta de apertura del elemento de la lista.
Inserte la etiqueta de cierre del elemento de la lista.
Repita con el resto de los elementos de la lista.
Inserte la etiqueta de cierre de la lista ordenada.
Cualquiera que cree esta lista o cualquier otro elemento que utilice codificación HTML debe tener en cuenta las reglas más estrictas para las versiones más nuevas de HTML. Con la introducción de CSS para administrar el diseño y la apariencia de las páginas web, HTML ahora solo controla la información básica presentada en una página. También sigue pautas más estrictas para garantizar que todo el código sea uniforme. Una persona que trabaja con HTML debe verificar que su código tenga una etiqueta de apertura y una de cierre, y que la etiqueta de cierre tenga una barra invertida. Debe asegurarse de que todas las letras de las etiquetas estén en minúsculas y de que su documento tenga las etiquetas HTML, de encabezado y de cuerpo adecuadas en la parte superior junto con una declaración de página.