Close

Listas em HTML

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:

  1. Café
  2. 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

TagDescriçã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

 

Related Posts