Aula 68 - Listas Numeradas

Introdução

As listas numeradas são utilizadas quando a ordem dos itens é importante.

Elas são muito utilizadas para apresentar etapas, procedimentos, classificações e instruções sequenciais.

📌 Em HTML, listas numeradas são criadas utilizando a tag <ol>.

É uma lista cujos itens recebem numeração automática pelo navegador.

Exemplo:

A tag <ol> significa Ordered List (Lista Ordenada).

<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

Assim como nas listas não numeradas, cada item é criado utilizando a tag <li>.

Tag	Função
<ol>	Cria uma lista ordenada.
<li>	Cria um item da lista.

O atributo type permite alterar o formato da numeração.

<ol type="A">
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>

Os itens serão exibidos com letras maiúsculas.

O atributo start define o número inicial da lista.

<ol start="5">
  <li>Item</li>
  <li>Item</li>
</ol>

A numeração começará em 5.

Também é possível criar listas ordenadas dentro de outras listas.

<ol>
  <li>Front-End
    <ol>
      <li>HTML</li>
      <li>CSS</li>
    </ol>
  </li>
</ol>

Erro	Problema
Usar <ol> sem necessidade	Perda de significado semântico.
Não utilizar <li>	Estrutura inválida.
Muitos níveis aninhados	Dificulta a leitura.

⚠️ Utilize listas ordenadas somente quando a ordem realmente importar.

📌 As listas numeradas são ideais para representar processos, procedimentos e informações sequenciais.