Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Manual de HTML
SEÇÕES
Manuais relacionados
+Manual de HTML
Categorias
+HTML

Índice do Manual Manual de HTML
+ Prólogo ao manual de HTML
+ Introdução ao HTML
+ Sintaxes do HTML
+ Sua primeira página
+ Formato de parágrafos em HTML
+ Formatando o texto
+ Cor, tamanho e tipo de letra
+ Atributos para páginas
+ Listas I
+ Listas II
+ Listas III
+ Caracteres especiais
+ Links em HTML
+ Links internos
+ Links locais
+ Links externos, de correio e para arquivos
+ Imagens em HTML
+ Alinhamento de imagens com HTML
+ Formatos gráficos para páginas web
+ As cores e HTML
+ Tabelas em HTML
+ Tabelas em HTML. Atributos para filas e células.
+ Tabelas em HTML. Atributos da tabela e conclusão.
+ Formulários HTML
+ Elementos de formulários. Campos de texto.
+ Outros elementos de formulários
+ Botão Submit, Apagar Campos e outros em formulários HTML
+ Mapas de imagens com HTML
+ Frames em HTML
+ Frames – Explicação básica
+ Frames – Criação de uma estrutura simples
+ Frames – Uma página em cada janela
+ Frames – Orientar os links
+ Frames – Aninhar frames
+ Frames – Atributos avançados
+ Vantagens e incovenientes do uso de frames
+ As etiquetas de HTML 4.0
+ As etiquetas de HTML 4.0 (1)
+ As etiquetas de HTML 4.0 (2)
+ Áudio em HTML I, introdução
+ Áudio em HTML II, características do áudio digital
+ Áudio em HTML (III)
+ Áudio em HTML (IV)
+ Áudio em HTML (V)
+ Declaração DOCTYPE em documentos HTML
+ Atributo nofollow nos links

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Listas III

Vemos as listas de definição e aprendemos a combinar listas para criar estruturas de listas mais complexas.


Terminamos o assunto das listas estudando as listas de definição. Veremos também a combinação de listas.

Listas de definição

Cada elemento é apresentado junto com sua definição. A definição principal é <dl> e </dl> (definition list). As etiquetas do elemento e sua definição são <dt> (difinition term) e <dd> (definition definition) respectivamente.

Aqui lhe propomos um código que poderá clarear este sistema:

<p>Dicionário da Língua Portuguesa</p>
<dl>
   <dt>Açougue</dt>
   <dd>Estabelecimento onde se vendem carnes frescas</dd>
   <dt>Colheita</dt>
<dd>Ato de colher os produtos agrícolas</dd>
</dl>


O efeito produzido:

Dicionário da Língua Portuguesa

Açougue
Estabelecimento onde se vendem carnes frescas
Colheita
Ato de colher os produtos agrícolas
Observe que em cada linha <dd> está deslocada da direção da esquerda. Este tipo de etiquetas é usado muitas vezes com o propósito de criar textos mais ou menos deslocados da direção da esquerda.

O código:

<dl>
<dd>Primeiro nível de deslocamento
   <dl>
    <dd>Segundo nível de deslocamento
   <dl>
    <dd>Terceiro nível de deslocamento
   </dl>
   </dl>
</dl>


O resultado:
Primeiro nível de deslocamento
Segundo nível de deslocamento
Terceiro nível de deslocamento
Combinando listas

Nada nos impede de utilizar todas estas etiquetas de forma combinada como vimos em outros casos. Dessa forma, podemos conseguir listas mistas como, por exemplo:

<p>Cidades do mundo</p>
<ul>
   <li>Brasil
    <ol>
    <li>Rio de Janeiro
    <li>Salvador
    </ol>
   <li>Espanha
   <ol>
    <li>Madrid
    <li>Barcelona
   </ol>
</ul>


Dessa forma criamos uma lista como esta:

Cidades do mundo

  • Brasil
    1. Rio de Janeiro
    2. Salvador
  • Espanha
    1. Madrid
    2. Barcelona

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Manual de HTML
Anterior: Listas II

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em HTML


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites