Aula 67 - Listas Não Numeradas

Introdução

As listas não numeradas são utilizadas para apresentar informações sem necessidade de ordem específica.

Cada item é identificado por um marcador (bullet), normalmente um círculo ou símbolo.

📌 Em HTML, listas não numeradas são criadas com a tag <ul>.

É uma estrutura que agrupa itens relacionados sem utilizar números para indicar sequência.

Exemplo:

A tag <ul> significa Unordered List (Lista Não Ordenada).

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

Cada item da lista é criado utilizando a tag <li> (List Item).

Tag	Função
<ul>	Cria a lista.
<li>	Cria um item da lista.

<ul>
  <li>Início</li>
  <li>Produtos</li>
  <li>Serviços</li>
  <li>Contato</li>
</ul>

Muitos menus HTML começam como listas não numeradas.

O CSS permite alterar a aparência dos marcadores.

ul {
  list-style-type: square;
}

Todos os itens passarão a utilizar marcadores quadrados.

É possível criar listas dentro de outras listas.

<ul>
  <li>Front-End
    <ul>
      <li>HTML</li>
      <li>CSS</li>
    </ul>
  </li>
</ul>

Muito utilizado para categorias e subcategorias.

⚠️ Toda lista deve conter itens utilizando a tag <li>.

📌 As listas não numeradas são ideais quando a ordem dos itens não é importante.