Menu
Coddy logo textTech

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.

challenge icon

Desafio

Fácil

Crie 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>
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