Video: Curso de HTML5 e CSS3 - 06 - como criar listas ordenadas e com marcações

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.

Video: Curso de HTML5 e CSS3 - Aula 7 - Listas e Tabelas

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 do tag, a lista ordenada usa o indicador. Os itens da lista são os mesmos pares utilizados na lista não ordenada.

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 mudar as coisas ao redor. Tudo o que realmente importa é que o elemento está dentro de uma lista ordenada.