Estas listas son parecidas a numeración y viñetas en WORD, teniendo los siguientes tipos de lista.

Listas numeradas

Estas listas generan una numeración automática, (Números arábigos, romanos, o letras) tienen la directiva cerrada <OL> ...</OL>(Ordered Lists) que significa listas ordenadas, y se utiliza para iniciar la lista.

Dentro del bloque de la lista cada elemento debe de llevar la directiva abierta <LI> (list item) que significa elemento de lista

La estructura de una lista ordenada es la siguiente.

Ejemplo 7:

Escribe y graba con el nombre de pagina7.html en un nuevo directorio de nombre practica listas, la codificación del ejemplo anterior.
Visualiza detenidamente los resultados

Atributos de listas

TYPE="Carácter"

Si se desea cambiar el tipo de numeración se emplea el atributo TYPE="Carácter", este debe de escribirse dentro de la directiva <OL>, o sea <OL TYPE="Carácter">

Teniendo los siguientes tipos.

<OL TYPE ="A">
Con este atributo la lista comienza con la letra A y el resto de los elementos con las siguientes letras del alfabeto.

<OL TYPE ="a">
Con este atributo la lista comienza con la letra a y el resto de los elementos con las siguientes letras del alfabeto. Es igual que la lista anterior con la única diferencia que es en minúscula.

<OL TYPE ="1">
Con este atributo la lista numerada comienza con el número 1. Este es el atributo por defecto.

<OL TYPE ="I">
Con este atributo la lista numerada comienza con el número romano I.

<OL TYPE ="i">
Con este atributo la lista numerada comienza con el número romano i. Igual que la lista anterior pero en minúscula.

VALUE ="valor numérico"
Es el atributo que se utiliza para indicar el valor que debe de tener el elemento de la lista numerada., este atributo se coloca dentro de la directiva <LI>, quedando de la siguiente manera. <LI VALUE="valor numérico">

START="número"
Es el atributo se utiliza para indicar el valor inicial que debe de tener la lista numerada. Por defecto es 1.

Ejemplo: 8 (TYPE )
Copia la codificación de la lista anterior y realiza los  cambios

Graba los cambios y visualiza detenidamente los resultados

Ejemplo: 9 (START y VALUE )
Copia la codificación de la lista anterior y realiza los  cambios

Graba los cambios y visualiza detenidamente los resultados

En el ejemplo anterior el atributo START="10", ordena al browser iniciar la numeración en 10 y el atributo VALUE ="20" cambio el numero del elemento a 20.

Ejemplos: 10 (TYPE, START VALUE)
Copia la codificación de la lista anterior y realiza los  cambios

Graba los cambios y visualiza detenidamente los resultados

En el ejemplo anterior el atributo TYPE="I", indica que la numeración es romana, el atributo START="5", ordena al browser iniciar la numeración en el numero V y el atributo VALUE ="10" cambio el numero del elemento a X.