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 ]
Tweet
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:
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").
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").
Dentro de um elemento <dd> podemos colocar parágrafos, quebras de linha, imagens, outras listas, etc.
4. Elementos para Listas
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!
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
Área restrita
Leitura recomendada
Últimas publicações
- Redes sociais articulam financiamento de novos projetos por meio do crowdfunding
- Perfis de presidenciáveis no Twitter visam cativar eleitores
- Squid - Limpando cache rapidamente
- Google disponibiliza o PHP no App Engine
- Banda larga fixa cumpre metas de velocidade de internet em São Paulo, Rio de Janeiro e Minas Gerais
Top 5 membros
- dddweb213 pts
- andersonop207 pts
- Jotah197 pts
- fbinasco165 pts
- fredbcn117 pts
Últimos membros cadastrados
- valkyem 18/05
- Info Galaxyem 17/05
- notwenem 16/05





