Menu
Coddy logo textTech

Lista ordenada

Parte da seção Fundamentals do Journey de HTML da Coddy — lição 13 de 60.

No HTML, uma lista ordenada é uma lista de itens que são ordenados por números ou letras. Para criar uma lista ordenada, você usa a tag <ol>. Cada item na lista é definido usando a tag <li>.

Veja como você pode criar uma lista ordenada em HTML:

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

Neste exemplo, a tag <ol> define a lista ordenada, e cada tag <li> representa um item da lista. Quando exibido em um navegador, este código criará uma lista numerada:

  1. Primeiro item
  2. Segundo item
  3. Terceiro item

Listas ordenadas são úteis para apresentar itens onde a ordem importa, como etapas em um procedimento ou uma lista de itens classificados.

challenge icon

Desafio

Fácil

Crie um documento HTML com uma lista ordenada que contenha três itens: "First", "Second" e "Third". (Nessa ordem)

Folha de consulta

Uma lista ordenada exibe itens com números ou letras. Use a tag <ol> para criar a lista e as tags <li> para cada item:

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

Listas ordenadas são úteis quando a sequência dos itens importa, como etapas em um procedimento.

Experimente você mesmo

<!DOCTYPE html>
<html>
    <body>
        <!-- Escreva o código aqui -->
    </body>
</html>
quiz iconTeste seus conhecimentos

Esta lição inclui um quiz rápido. Comece a lição para respondê-lo e acompanhar seu progresso.

Todas as lições de Fundamentals