Listas em HTML 1

<DL> <DT>termo a ser definido <DD>definio <DT>termo a ser definido <DD>definio </DL> Que produz:

termo a ser definido definio termo a ser definido definio

Este tipo de lista muito utilizado para diversos efeitos de organizao de pginas, por permitir a tabulao do texto. Um exemplo so os ndices de navega_1o presentes nas pgi nas deste tutorial; outro exemplo a lista composta abaixo: <DL> <DT>Imperadores do Brasil: <DD>D. Pedro I <DL> <DD>Nome completo: Pedro de Alcntara Francisco Antnio Joo Carlos Xavier de Paula Miguel Rafael Joaquim Jos Gonzaga Pascoal Cipriano Serafim de Bragana e Bourbon </DL> <DD>D. Pedro II <DL> <DD>Nome completo: Pedro de Alcntara Joo Carlos Leopoldo Salvador Bibiano Francisco Xavier de Paula Leocdio Miguel Gabriel Rafael Gonzaga </DL> </DL>

Imperadores do Brasil: D. Pedro I Nome completo: Pedro de Alcntara Francisco Antnio Joo Carlos Xavier de Paula Miguel Rafael Joaquim Jos Gonzaga Pascoal Cipriano Serafim de Bragana e Bourbon D. Pedro II Nome completo: Pedro de Alcntara Joo Carlos Leopoldo Salvador Bibiano Francisco Xavier de Paula Leocdio Miguel Gabriel Rafael Gonzaga

Listas no-numeradas So equivalentes s listas com marcadores do MS Word: <UL> <LI>item de uma lista <LI>item de uma lista, que pode ser to grande quanto se queira, sem que seja necessrio se preocupar com a formatao das margens de texto <LI>item </UL>

item de uma lista item de uma lista, que pode ser to grande quanto se queira, sem que seja necessrio se preocupar com a formatao das margens de texto item

Listas em HTML 2

A diferena entre o resultado da marcao HTML e do Word est na mudana dos marcadores, assinalando os diversos nveis de listas compostas: <UL> <LI>Documentos bsicos <LI>Documentos avanados <UL> <LI>formulrios <UL> <LI>CGI </UL> <LI>contadores <LI>relgios </UL> <LI>Detalhes sobre imagens </UL>

Documentos bsicos Documentos avanados o formulrios CGI o contadores o relgios Detalhes sobre imagens

Essa lista pode ter marcadores diferentes, indicados atravs 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 tambm pode ter seu atributo especfico: <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