Listas ordenadas

Las listas ordenadas se utilizan para seguir un orden lógico. Estas listas se delimitarán por <ol> y </ol> (OL = Ordered List). Los tags para definir los items no variarán de las listas ordenadas (<li> y </li>).

Un ejemplo sería el siguiente:

<h1>Lista de países con más población </h1>
<ol>
	<li>China</li>
	<li>India</li>
	<li>EE.UU</li>

</ol>

El resultado puede verse aquí.

Listas dentro de listas (SUBLISTAS)

El concepto es el mismo que para las listas desordenadas:

<h1>Lista de países con más población</h1>
<ol>
	<li>China</li>

	<li>India
		<ol>
			<li>Damán</li>
			<li>Pondicheri</li>
			<li>Orisa</li>
		</ol>
	</li>
	<li>Brasil</li>

</ol>

Así lo mostrará el navegador.

Combinando listas ordenadas y desordenadas

Es posible combinar listas ordenadas y no ordenadas sin ningún tipo de impedimento:

<h1>Lista de la compra</h1>
<ol>
	<li>Leche</li>

	<li>Frutas
		<ul>
			<li>Manzana</li>
			<li>Pera</li>
			<li>Melocotón</li>
		</ul>
	</li>
	<li>Carne y pescado</li>

</ol>

Clica aquí para ver el resultado en el navegador.

PRÁCTICA: Crea un documento cuyo resultado sea el siguiente:

El atributo TYPE para listas ordenadas

Las listas ordenadas no sólo se pueden ordenar con números. También se pueden utilizar letras y numeración romana tanto en mayúsculas como minúsculas. Para esto se utiliza el atributo TYPE del elemento <ol> con los siguientes valores, entrecomillados:

type="1" : Para listas ordenadas con números (1, 2, 3...). Es el valor que se toma por defecto.
type="A" : Para listas ordenadas con letras mayúsculas (A, B, C...)
type="a" : Para listas ordenadas con letras minúsculas (a, b, c...)
type="I" : Para listas ordenadas con numeración romana (I, II, III, IV, V...)
type="i" : Para listas ordenadas con numeración romana minúscula (i, ii, iii, iv, v...)

El formato será el siguiente:

<ol type="a">...</ol>

<ol type="A">...</ol>

<ol type="i">...</ol>

<ol type="I">...</ol>

El ejemplo muestra listas con los diferentes valores que puede tomar el atributo TYPE.

El atributo START para listas ordenadas

Puede que en algún caso deseemos comenzar nuestra enumeración por un número o letra que no tiene por qué ser necesariamente el primero de todos. Para solventar esta situación, podemos utilizar un segundo atributo, start, que tendrá como valor un número.

Este número, que por defecto es 1, corresponde al valor a partir del cual comenzamos a definir nuestra lista. Para el caso de las letras o los números romanos, el navegador se encarga de hacer la traducción del número a la letra correspondiente. Véanse los siguientes ejemplos:

Caso 1: <ol start="4">...</ol>

Caso 2: <ol type="A" start="3">...</ol>

Caso 3: <ol type="i" start="4">...</ol>

Caso 4: <ol type="I" start="9">...</ol>

Caso 1: lista numerada, empezando por 4 (recordar que el atributo type por defecto es la numeracion común).

Caso 2: lista alfabética, empezando por C.

Caso 3: lista románica en minúsculas, empezando por IV.

Caso 4: lista románica en mayúsculas, empezando por IX.

El resultado puede verse aquí

PRÁCTICA: Crea un documento que tenga un resultado como el siguiente: