Listas em HTML

Há vários tipos de listas em HTML, sendo estas as mais usadas e corretamente apresentadas pelos
browsers:

Listas de Definição

Estas listas são chamadas também “Listas de Glossário”, uma vez que têm o formato:

<DL>  <DT>termo a ser definido  <DD>definição  
<DT>termo a ser definido <DD>definição  </DL>

Que produz:
termo a ser definido
definição
termo a ser definido
definição
Este tipo de lista é muito utilizado para diversos efeitos de organização de páginas, por permitir a
tabulação do texto. Um exemplo são os índices de navega_1ção presentes nas pági nas deste tutorial;
outro exemplo é a lista composta abaixo:
<DL>
<DT>Imperadores do Brasil:
<DD>D. Pedro I
<DL>
<DD>Nome completo: Pedro de Alcântara Francisco Antônio João Carlos Xavier de Paula
Miguel Rafael Joaquim José Gonzaga Pascoal Cipriano Serafim de Bragança e Bourbon
</DL>
<DD>D. Pedro II
<DL>
<DD>Nome completo: Pedro de Alcântara João Carlos Leopoldo Salvador Bibiano Francisco
Xavier de Paula Leocádio Miguel Gabriel Rafael Gonzaga
</DL>
</DL>
Imperadores do Brasil:
D. Pedro I
Nome completo: Pedro de Alcântara Francisco Antônio João Carlos Xavier de Paula Miguel
Rafael Joaquim José Gonzaga Pascoal Cipriano Serafim de Bragança e Bourbon
D. Pedro II
Nome completo: Pedro de Alcântara João Carlos Leopoldo Salvador Bibiano Francisco
Xavier de Paula Leocádio Miguel Gabriel Rafael Gonzaga

Listas não-numeradas

São equivalentes às listas com marcadores do MS Word:
<UL>
<LI>item de uma lista
<LI>item de uma lista, que pode ser tão grande quanto se queira, sem que seja necessário se
preocupar com a formatação das margens de texto
<LI>item
</UL>

• item de uma lista
• item de uma lista, que pode ser tão grande quanto se queira, sem que seja necessário se
  preocupar com a formatação das margens de texto
• item

A diferença entre o resultado da marcação HTML e do Word está na mudança dos marcadores,
assinalando os diversos níveis de listas compostas:
<UL>
<LI>Documentos básicos
<LI>Documentos avançados
<UL>
<LI>formulários
<UL>
<LI>CGI
</UL>
<LI>contadores
<LI>relógios
</UL>
<LI>Detalhes sobre imagens
</UL>

• Documentos básicos
• Documentos avançados
• formulários
• CGI
• contadores
• relógios
• Detalhes sobre imagens

Essa lista pode ter marcadores diferentes, indicados através do atributo TYPE, que assume os
valores CIRCLE, SQUARE e DISC (default):
<UL TYPE=CIRCLE>
<LI>um item
<LI>mais um item
</UL>

• um item
• mais um item

Cada item também pode ter seu atributo específico:
<UL>
<LI TYPE=DISC>um item
<LI TYPE=CIRCLE>mais um item
<LI TYPE=SQUARE>último item
</UL>

• um item

• mais um item

• último item