¿Qué es una lista ordenada?
Cuando se programa un sitio web utilizando la codificación HTML (lenguaje de marcado de hipertexto), se utiliza una lista ordenada para crear una lista de elementos numerados para mostrar el orden en el que deben ir. La lista puede usarse simplemente para enumerar objetos, para mostrar elementos clasificados de mayor a menor importancia, o para numerar pasos en 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 en la lista etiquetas de elementos e inserta los elementos reales que deberían aparecer en su lista. Cierra cada etiqueta de elemento de la lista después del elemento y cuando la lista está completa, cierra la etiqueta de la lista ordenada.
La etiqueta HTML de apertura adecuada es <ol> y la etiqueta de cierre es </ol>. El OL significa "lista ordenada". Este tipo de lista es lo opuesto a una lista desordenada, creada usando las etiquetas HTML <ul> y </ul>. Cuando la computadora ve la etiqueta "ol", sabe numerar los elementos de la lista según el orden en que aparecen.
Después de crear la etiqueta de apertura, el usuario inserta una etiqueta <li>, que significa elemento de lista. Esta es la etiqueta de apertura para el primer elemento de su lista. Escribe el elemento en sí después de la etiqueta de apertura y luego inserta la etiqueta de cierre del elemento de la lista que aparece como </li>. Repite esto para cada elemento de su lista. Cuando ha insertado todos los elementos en su lista, usa una etiqueta de cierre <ol> en la siguiente línea para mostrar el final de la lista.
Aquí hay un ejemplo del código para una lista ordenada en HTML:
<ol> <li> Inserte la etiqueta de apertura de la lista ordenada. </li> <li> Inserte la etiqueta de apertura del elemento de la lista. </li> <li> Escriba el primer elemento de la lista después de la etiqueta de apertura del elemento de la lista. </li> <li> Inserte la etiqueta de cierre del elemento de la lista. </li> <li> Repita con el resto de los elementos de la lista. </li> <li> Inserte la etiqueta de cierre de la lista ordenada. </li> </ol>
Esto muestra el código para la lista misma. 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 use la codificación HTML debe tener en cuenta las reglas más estrictas para las versiones más recientes 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 en las etiquetas estén en minúsculas y que su documento tenga las etiquetas HTML, encabezado y cuerpo adecuadas en la parte superior junto con una declaración de página.