Tutorial Intermediário de HTML: Listas de Definição

10 03 2008

Lista de definição

O Tutorial Iniciante de HTML analisou só as listas ordenadas e não-ordenadas. Assim como a série “Jennie é um Gênio”, listas de definição são muito frequentemente esquecidas. Isso acontece talvez porque elas são bem mais específicas que listas ordenadas e não-ordenadas e até menos úteis, mas onde existir uma lista de termos e descrições (como um glossário), uma lista de definição deve ser usada.

O elemento dl põe a bola em jogo, similar aos elementos ul e ol, iniciando a lista. Ao invés de elementos li, listas de definição tem um elemento dt, que é o termo da definição (definition term), seguido de um elemento dd, que é a descrição da definição (definition description) associada ao elemento dt.

Não é necessário haver um elemento dt seguido por um elemento dd, pode haver qualquer número dos dois. Por exemplo, se existem várias palavras com o mesmo significado, devem existir várias dt‘s seguidas por um dd. Se você tiver uma palavra que significa várias coisas diferentes, deve existir um dt seguido por vários dd‘s.

<h1>Um glossário qualquer</h1>
<dl>
	<dt>HTML</dt>
	<dd>Abreviação de HyperText Markup Language (Linguagem de Marcação de Hipertexto) - uma linguagem usada para construir páginas web.</dd>

	<dt>Canino</dt>
	<dd>Qualquer mamífero carnívoro pertencente a família Canidae.</dd>
	<dd>Um tipo de dente humano.</dd>

	<dt>Suco de Vaca</dt>
	<dt>Cerveja de Gato</dt>
	<dt>Leite</dt>
	<dd>Um líquido branco produzido por vacas e usado pra consumo humano.</dd>
</dl>

Páginas Relacionadas

  • Próxima Página: Tags Más
  • Página Anterior: Tabelas II
  • Listas – Listas Ordenadas e Não-Ordenadas (Tutorial Iniciante de HTML)
Exemplos
Referência

BlogBlogs Tags: tutorial, minicurso, html

Esse material é uma adaptação do HTML Intermediate Tutorial, de autoria de Patrick Griffiths. Todos os direitos pertencem ao autor.

Anúncios

Ações

Information

One response

20 04 2008
Tutorial Intermediário de HTML: Tabelas II « Codando

[…] Próxima Página: Listas de Definição […]

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s




%d blogueiros gostam disto: