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

Em caso de dúvida, você pode tirar nos comentários.