La etiqueta <ol> define una lista ordenada. Entre la etiqueta de apertura y la de cierre se incluyen los elementos de la lista con la etiqueta <li>. En una lista ordenada los marcadores se ordenan automáticamente según el tipo de ordenación (numérica o alfabética) asociado al atributo list-style-type, si no se especifica se ordenan numéricamente.
Por ejemplo:
<ol> <li>Abrir</li> <li>Editar</li> <li>Guardar</li> <li>Cerrar</li> </ol>
Produce este resultado:
Estilo
Por defecto, delante de cada elemento se pone un número. De forma similar que para las listas no ordenadas, podemos cambiar este marcador modificando el atributo list-style-type.
Para listas ordenadas, los valores más utilizados son:
none: No muestra ningún marcador.decimal: Números decimales: 1, 2, 3... 10, 11...decimal-leading-zero: Números decimales con zeros delante: 01, 02, 03... 10, 11...lower-roman: Números romanos en minúsculas: i, ii, iii, iv, v...upper-roman: Númeors romanos en mayúsculas: I, II, III, IV, V...lower-alpha: Letras en minúscula: a, b, c, d...upper-alpha: Letras en mayúscula: A, B, C, D...Por ejemplo, si aplicamos este estilo ol { list-style-type: upper-roman } a la lista anterior, obtendremos este resultado:
Como estamos viendo, las listas ordenadas muestran un número correlativo (u otro tipo de marcador) delante de cada elemento. El mantenimiento de estos números es automático en cuanto a si eliminamos o añadimos elementos en la lista, es decir al añadir o eliminar un elemento, el resto se renumeran automáticamente. Sin embargo, el orden alfabético (o numérico) del contenido de los elementos no es automático. Por ejemplo, si creamos una lista de ciudades no se ordenarán por orden alfabético automáticamente, quedarán en el orden que las coloquemos nosotros.
Cursos Informática Gratuitos Síguenos en: Facebook Sobre aulaClic Política de Cookies
© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.