Html/

Listas

< Tabelas | Índice | Formulários >

As listas mais comuns em HTML são listas ordenadas e não ordenadas

---

Listas HTML

Uma lista ordenada:

1. Primeiro item da lsita
2. Segundo item da lista
3. Terceiro item da lista

Uma lista não ordenada:

• Item da lista
• Item da lista
• Item da lista

---

Listas não ordenadas

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

Os itens são mostrados pelos browsers com pequenos círculos pretos no seu início.

Exemplo:

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

Como o código HTML acima aparece em um browser:

• Café
• Leite

---

Listas ordenadas

Uma lista ordenada, no código, inicia com uma tag <ol>. Cada item da lista inicia com a tag <li>.

Os itens da lista são marcados com números no início de cada item.

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

Como o código acima aparece em um browser:

1. Café
2. Leite

---

Listas de definições

Uma lista de definição é uma lista de itens, com a descrição de cada item.

A tag <dl> define uma lista de definições.

A tag <dl> é usada em conjunto com a tag <dt> (define o item da lista) e a tag <dd> (define a descrição do item).

<dl>
  <dt>Café</dt>
    <dd>- bebida de cor preta</dd>
  <dt>Leite</dt>
    <dd>- Bebida de cor branca</dd>
</dl>

Como o código acima aparece em um browser:

Café

- Bebida de cor preta

Leite

- Bebida de cor branca

---

Notas básica e dica úteis

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

---

Tags de listas HTML

Tag	Descrição
<ol>	Define uma lista ordenada
<ul>	Define uma lista não ordenada
<li>	Define um item de lista
<dl>	Define uma lista de definições
<dt>	Define um item em uma lista de definições
<dd>	Define a descrição de um item em uma lista de definições

< Tabelas | Índice | Formulários >