HTML ol
Una de las herramientas que consideramos más útiles al organizar un texto en la web es la etiqueta HTML <ol>.
Descripción
La etiqueta HTML <ol> es un elemento de bloque que nos permite hacer listas ordenadas alfanuméricamente generadas de forma automática a medida que escribimos diferentes puntos de información, representados a su vez con la etiqueta <li>.
Al emplear la etiqueta ol (ordered list), el navegador reconoce la información y la ordena, inserta un símbolo alfanumérico o identificador que antecede a cada elemento de la lista y le da sangría.
El código correcto requiere la etiqueta <ol> al inicio. Después hemos de colocar cada elemento del listado precedido por la etiqueta <li> y delimitado por </li>. Cuando el contenido esté completo, se cierra con la etiqueta </ol>. Una lista ordenada puede contener texto y otros elementos como tablas, imágenes e incluso sublistas (listas anidadas) tanto ordenadas como desordenadas.
Ejemplo de uso
Al escribir el código:
<ol>
<li>Enero</li>
<li>Febrero</li>
<li>Marzo</li>
</ol>
Lenguaje del código: HTML, XML (xml)
Atributos
Esta etiqueta es de uso fácil y práctico. Con ella podemos configurar de diversas formas el comportamiento y la apariencia de la lista. Sus principales atributos son:
Type
Permite definir el tipo de identificador que aplicaremos para dar orden a la lista. Puede tomar distintos valores:
“1” – Orden lógico numérico, por defecto.
“a” o “A” – Orden alfabético en minúsculas o mayúsculas.
“i” o “I”– Orden por números romanos en minúsculas o mayúsculas.
Start
Especifica el valor de inicio, lo cual indica el parámetro para continuar la secuencia de los ítems. Puede ingresarse cualquier número entero a partir de 1, lo cual se interpretará como letra si se establece un tipo de identificador alfabético.
Reversed
Determina que el orden establecido debe expresarse de forma inversa (3, 2, 1 o C, B, A).
Estas son las características principales de la etiqueta <ol>, útil para crear listados.