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:
- Primeiro item
- Segundo item
- 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.
Desafio
FácilCrie 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>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
1Fundamentos do HTML
O que é HTML?Estrutura Básica do HTMLTags e ElementosAninhamento e Fechamento de TagsComentários em HTML7Página de Perfil Pessoal
Visão Geral do ProjetoSeção de Cabeçalho2Texto e Formatação
TítulosParágrafosQuebras de LinhaTexto em Negrito e ItálicoNegrito e Itálico NovamenteRecapitulação - Formatação8Formulários e Inputs Parte 1
Fundamentos de FormuláriosInputs de TextoAtributos de InputCampo de SenhaLabels para InputsRecapitulação - Formulário Básico11Página de Inscrição de Evento
Visão Geral do ProjetoSeção de Cabeçalho