Lista não ordenada
Parte da seção Fundamentals do Journey de HTML da Coddy — lição 12 de 60.
Em HTML, uma lista não ordenada é uma lista de itens que não são ordenados por números ou letras. Em vez disso, cada item é marcado com um marcador (bullet point).
Para criar uma lista não ordenada, você usa a tag <ul>. Cada item na lista é definido usando a tag <li>.
Veja como você pode criar uma lista não ordenada em HTML:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>Neste exemplo, a tag <ul> define a lista não ordenada, e cada tag <li> representa um item da lista. Quando exibido em um navegador, este código criará uma lista com marcadores:
- Item 1
- Item 2
- Item 3
Listas não ordenadas são úteis para apresentar itens onde a ordem não importa, como uma lista de ingredientes ou recursos.
Desafio
FácilCrie um documento HTML com uma lista não ordenada que contenha três itens: "Apple", "Banana" e "Orange". (Nessa ordem)
Folha de consulta
Para criar uma lista não ordenada use a tag <ul> com tags <li> para cada item:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>Listas não ordenadas exibem itens com marcadores e são úteis quando a ordem não importa.
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