Guia prático de HTML - Listas de definições, ordenadas e não ordenadas


Autor/fonte: Tiago Daniel de Souza
Tags: [ guia prático de html ]



Digg del.icio.us

A linguagem HTML contém elementos que permitem criar listas de definições, ordenadas e não ordenadas

1. Listas não ordenadas

Uma lista não ordenada contém vários itens marcados todos com o mesmo símbolo (normalmente um círculo pequeno ou um quadrado pequeno).

Para criar uma lista não ordenada, utilizamos o elemento <ul> ("unordered list"). Dentro desse elemento, os vários itens são criados com o elemento <li> ("list item").

O exemplo seguinte mostra uma lista simples:

<ul>
<li>Rum</li>
<li>Bagaço</li>
</ul>

Dentro de uma lista não ordenada podemos colocar parágrafos, quebras de linha, imagens, outras listas, etc.

2. Listas ordenadas

Uma lista ordenada contém vários itens numerados e é criada com o elemento <ol> ("ordered list"). Os itens da lista definem-se com o elemento <li> ( "list item").

<ol>
<li>Rum</li>
<li>Bagaço</li>
</ol>

Dentro de uma lista ordenada podemos colocar parágrafos, quebras de linha, imagens, outras listas, etc.

3. Listas de definições

Uma lista de definições não é constituída por uma série de itens, mas sim por vários termos acompanhados de descrições de seus significados.

As listas de definições são criadas com o elemento <dl> ("definition list"). O nome de cada termo fica dentro de um elemento <dt> ("definition term") e a sua descrição fica no elemento <dd> ("definition description").

<dl> 
<dt>Rum</dt> 
<dd>Bebida espirituosa muito apreciada pelos piratas do Caribe</dd> 
<dt>Bagaço</dt> 
<dd>Bebida com elevado teor alcoólico. A sabedoria popular atribui-lhe fortes propriedades terapêuticas.</dd>
</dl> 

Dentro de um elemento <dd> podemos colocar parágrafos, quebras de linha, imagens, outras listas, etc.

4. Elementos para Listas

  • <ol> - Define uma lista ordenada;
  • <ul> - Define uma lista não ordenada;
  • <li> - Insere um item na lista;
  • <dl> - Insere uma lista de definições;
  • <dt> - Apresenta a definição de um termo;
  • <dd> - Insere a definição de um termo;
  • <dir> - Em desuso. Utilize <ul>;
  • <menu> - Em desuso. Utilize <ul>.




Enviado por xKuRt em 19/01/2009 às 18:20


Itens relacionados

Guia prático de HTML - Modificando o corpo do documento
Guia prático de HTML - Elementos básicos da linguagem HTML
Guia prático de HTML - Dicas finais e conclusão
Guia prático de HTML - Inserção de scripts
Guia prático de HTML - Formulários
Guia prático de HTML - Formatação de texto
Guia prático de HTML - Entidades, acentuação e caracteres especiais
Guia prático de HTML - O presente e o futuro do markup
Guia prático de HTML - Ligações de hipertexto (links)
Guia prático de HTML - Cores

Listar todos itens relacionados

Avaliação

Esta publicação ainda não foi avaliada!


Avaliar:


A avaliação de publicações é restrita a membros cadastrados e logados no nosso site.



Comentários

Este artigo ainda não foi comentado ou o(s) comentário(s) que foi(ram) enviado(s) a ele ainda não foi(ram) publicado(s).


Envio de comentário:




  

Segunda, 20 de Maio de 2013




Top 5 membros

Últimos membros online

Últimos membros cadastrados



Capa do livro
Evitando Hackers: Controle Seus Sistemas Computacionais Antes Que Alguém o Faça!


Capa do livro
Construindo Aplicativos Android com HTML, CSS e JavaScript: Criando Aplicativos Nativos com Ferramentas Baseadas nos Padrões Web


Capa do livro
Windows Server 2008 - Administração de Redes





Hostnet

IMD