Início » Tutoriais » Tutorial HTML

Listas no HTML

Uma lista ordenada:

  1. O primeiro item da lista
  2. O segundo item da lista
  3. O terceiro item da lista

Uma lista não ordenada:

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

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

 

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

Categoria: Tutorial HTML | Adicionado por : ShZlot (14-07-2014)
Visualizações: 1043 | Ranking: 0.0/0
Total de comentários: 0
avatar