Lista (Ordenadas/ Não Ordenadas) essências

Listas servem pra organizar informações em formato de itens — tipo checklist, menu, passos, categorias, etc. Existem 2 principais:

Listas Ordenadas (Ordered List)

Usa quando a ordem importa. Exemplo: passo a passo, ranking, instruções etc...

<ol>

<li>Primeiro passo</li>

<li>Segundo passo</li>

<li>Terceiro passo</li>

</ol>

Vai aparecer com números automaticamente:

1. Primeiro passo
2. Segundo passo
3. Terceiro passo

Listas não Ordenadas (Unordered List)

Usa quando a ordem não importa. Exemplo: lista de produtos, categorias, itens de menu ect...

<ul>

<li>Velas</li>

<li>Incenso</li>

<li>Essência</li>

</ul>

Vai aparecer com com bolinhas (•) automaticamente: 

• Vela
• Incenso
• Essência

---

Entendendo o código:

A tag importante: <li>

Essa aqui é essencial:

<li> = list item (item da lista)

Sempre vai dentro de <ul> ou <ol>

Quando usar cada uma (bem prático):

ol → tutorial, receita, etapas (Lista ordenada)

ul → menu de site, produtos, categorias (Lista não ordenada)

---

Dica!!!!!!!!!!!!!

Menus quase sempre usam ul

Dá pra estilizar depois com CSS e tirar as bolinhas.

E transformar em menu horizontal .