PcWeb, dentro de la red

Manual práctico de HTML

Listas Ordenadas

Están delimitadas por las etiquetas <ol> y </ol> (ordered list). Al igual que las desordenadas cada uno de los elementos de la lista comenzará con una etiqueta <li>, que puede o no llevar su correspondiente </li> de cierre.

Veamos un ejemplo: 
 <p> Ciudades del Mundo <p>
   <ol>
   <li> NewYork </li>
   <li> Tokio  </li>
   <li> Shangai </li>
 </ol>
Esto nos mostrará:

Ciudades del Mundo

  1. NewYork
  2. Tokio
  3. Shangai

Atributos de la etiqueta <ol>
La etiqueta <ol> dispone una serie de atributos, con los cuales es posible configurar la apariencia que va a tener la lista. Los más importantes son:

(1) type="1 / a / A / i / I ": define el tipo de secuenciador a usar en la lista. Los secuenciadores en una lista van en su orden natural lógico. El atributo tipo puede tomar los valores:
    type="1" - Para ordenar por números - Este el valor que tiene type por defecto
    type="a" - Numerar por letras minúsculas del alfabeto
    type="A" - Clasificar por letras mayúsculas del alfabeto
    type="i" - Numerar por números romanos en minúsculas
    type="I" - Ordenación por números romanos en mayúsculas

Veamos algunos ejemplos:

Código HTML Visualización
 <ol type="1">
  <li> primer elemento </li> 
  <li> segundo elemento </li>  
  <li> tercer elemento </li>
 </ol>
  1. primer elemento
  2. segundo elemento
  3. tercer elemento
	  
 <ol type="a">
  <li> primer elemento </li>   
  <li> segundo elemento </li>
  <li> tercer elemento </li>
 </ol>
  1. primer elemento
  2. segundo elemento
  3. tercer elemento
 <ol type="A">
  <li> primer elemento </li>
  <li> segundo elemento </li>
  <li> tercer elemento </li>
 </ol>
  1. primer elemento
  2. segundo elemento
  3. tercer elemento
 <ol type="i">
  <li> primer elemento </li> 
  <li> segundo elemento </li>
  <li> tercer elemento </li>
 </ol&gr;
  1. primer elemento
  2. segundo elemento
  3. tercer elemento
 <ol type="I">
   <li> primer elemento </li>
   <li>  segundo elemento </li>
   <li> tercer elemento  </li>
 </ol>
  1. primer elemento
  2. segundo elemento
  3. tercer elemento


(2) start="n": donde n es el valor con el que comenzará la lista. Los valores del parámetro "n" son números enteros a partir de 1. Si se omite este atributo la lista comenzará por el número 1.

Código HTML Visualización
 
 <ol type="1" start="4"> 
   <li> primer elemento </li>
   <li>  segundo elemento </li>
   <li> tercer elemento  </li>
 </ol>
  1. tercer elemento
  2. cuarto elemento
  3. quinto elemento
 <ol type="A" start="5">  
   <li> primer elemento </li>
   <li>  segundo elemento </li>  
   <li> tercer elemento  </li>
 </ol>
  1. cuarto elemento
  2. quinto elemento
  3. sexto elemento


Más atributos: ver los atributos comunes a todo el tipo de listas