listas ordenadas em HTML5 são quase exatamente como listas não ordenadas. listas ordenadas tradicionalmente têm números em vez de balas (embora você pode mudar isso através de CSS, se você não quer números).

Como visualizar uma lista ordenada

Aqui está uma página com uma lista ordenada básica - basicOL.html.

Você pode ver uma lista onde os itens são numerados. Quando seus dados é uma lista de passos ou informações com algum tipo de valores numéricos, uma lista ordenada é uma boa escolha.

Como construir a lista ordenada

O código para basicOL.html é notavelmente semelhante a uma lista não ordenada:

Lista Ordenada Básico
dez nomes do cão superior nos EUA
Max
Jake
camarada
Maggie
Urso
maricas
colherão
Sombra
Sam
Senhora
dados de https://bowwow.com.au

A única mudança é a própria lista tag. Ao invés da tag, a lista ordenada usa o indicador. Os itens da lista são os mesmos pares utilizados na lista desordenada.

Você não indicam o número do item qualquer lugar, ele gera automaticamente com base na posição de cada item dentro da lista. Portanto, você pode alterar a ordem dos itens, e os números ainda estão corretas.

Este é o lugar onde é ótimo que HTML é sobre o significado, não layout. Se você especificou os números reais, seria uma bagunça para mover as coisas ao redor. Tudo o que realmente importa é que o elemento está dentro de uma lista ordenada.