Menu
CoddyTech

Lista não ordenada

Parte da seção Fundamentos 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.

Para criar uma lista não ordenada, use a tag <ul>. Cada item da 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, esse código criará uma lista com marcadores:

  • Item 1
  • Item 2
  • Item 3

Listas não ordenadas são úteis para apresentar itens cuja 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)

Feche a lista com </ul>.

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 Fundamentos

Pratique por conta própria: Playground de Web