Listas em HTML
A HTML suporta listas ordenadas, não ordenadas e de definições.
Não Ordenadas
Uma lista não ordenada é uma lista de itens. As listas de itens são marcadas com bullets (tipicamente pequenos círculos pretos).
Uma lista não ordenada começa com a tag <ul>. Cada item da lista começa com a tag <li>.
<ul> <li>Café</li> <li>Leite</li> </ul> |
Aqui está como aparece em um navegador:
- Café
- Leite
Dentro de um item de uma lista você pode colocar parágrafos, quebras de linha, imagens, vínculos, outras listas, etc.
Listas ordenadas
Uma lista ordenada é também uma lista de itens. As listas de itens são marcadas com números.
Uma lista ordenada começa com a tag <ol>. Cada item da lista começa com a tag <li>.
<ol> <li>Café</li> <li>Leite</li> </ol> |
Aqui está como aparece em um navagador:
- Café
- Leite
Dentro de um item de uma lista você pode colocar parágrafos, quebras de linha, imagens, vínculos, outras listas, etc.
Lista de Definições
Uma lista de definições não é uma lista de itens. Esta é uma lista de termos e explicações dos termos.
Uma lista de definições começa com a tag <dl>. Cada termo da lista de definições começa com a tag <dt>. Cada definição da lista de definições começa com a tag <dd>.
<dl> <dt>Café</dt> <dd>Bebida quente preta</dd> <dt>Leite</dt> <dd>Bebida fria branca</dd> </dl> |
Aqui está como aparece em um navegador:
- Café
- Bebida quente preta
- Leite
- Bebida fria branca
Dentro de uma definição de lista de definições você pode colocar parágrafo, quebras de linha, imagens, vínculos, outras listas, etc.
Tags de Listas
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 termo de definição |
<dd> | Define uma descrição de definição |
<dir> | Desaprovada. Use <ul> em vez |
<menu> | Desaprovada. Use <ul> em vez |