Listas no HTML

Listas HTML não ordenadas

Uma lista não ordenada começa com a tag <ul>. Cada item da lista começa com a tag <li>.

Os itens da lista são marcados com balas (normalmente pequenos círculos pretos).

<ul>
<li>Café</li>
<li>Leite</li>
</ul>

Como o código HTML acima aparece no navegador:

• Café
• Leite

---

HTML listas ordenadas

Uma lista ordenada começa com a tag <ol>. Cada item da lista começa com a tag <li>.

Os itens da lista são marcados com números.

<ol>
<li>Café</li>
<li>Leite</li>
</ol>

Como o código HTML acima aparece no navegador:

1. Café
2. Leite

---

Lista HTML de descrição

A lista de descrição é uma lista de termos/nomes, com uma descrição de cada termo/nome.

A tag <dl> define uma lista de descrição.

A tag <dl> é usado em conjunto com <dt> (define os termos / nomes) e <dd> (descreve cada termo/nome).

<dl>
<dt>Cafe</dt>
<dd>- bebida preta e quente</dd>
<dt>Leite</dt>
<dd>- bebida branca e fria</dd>
</dl>

Como o código HTML acima aparece no navegador:

Cafe

- bebida preta e quente

Leite

- bebida branca e fria

---

Observações Básicas - Dicas Úteis

Dica: Dentro de um item da lista você pode colocar texto, quebras de linha, imagens, links, outras listas, etc

---

Lista de tags HTML

Tag	Descrição
<ol>	Define uma lista ordenada
<ul>	Define uma lista não ordenada
<li>	Define um item da lista
<dl>	Define uma descrição da lista
<dt>	Define uma descrição do termo/nome da lista
<dd>	Define uma descrição termo/nome