Listas HTML

Listas HTML
Um efeito muito utilizado em qualquer documento é a caracterização de listas.
Em HTML/XHTML, é possível utilizar dois tipos de listas as listas ordenadas e as não ordenadas.

Listas Não Ordenadas
Listas não ordenadas são determinadas pela tag UL.
Listas não ordenadas são marcadas com caracteres simbólicos como círculos, quadrados e discos.
O formato da lista é definido pelo atributo TYPE que pode ser:
· circle: círculo;
· square: quadrado;
· disc: disco.
Todo item de uma lista fica enclausurado na tag LI.
01....
02.
03.Lista com círculo
04.
05.
06.Lista com quadrado
07.
08.
09.Lista com disco
10.
11.... o Lista com círculo
§ Lista com quadrado
· Lista com disco
Listas Ordenadas
Listas ordenadas são determinadas pela tag OL.
Listas ordenadas são marcadas com caracteres como números, letras e algarismos romanos.
O formato da lista é definido pelo atributo TYPE que pode ser:1AaIi
· 1: lista numerada;
· A: lista com letras maiúsculas;
· a: lista com letras minúsculas;
· I: lista com algarismos romanos usando caracteres maiúsculos
· i: lista com algarismos romanos usando caracteres minúsculos
Assim como a lista não ordenada, todo item da lista fica enclausurado na tag LI. A diferença é que não precisamos nos preocupar com a sequência, pois isso o próprio browser se encarrega de cuidar.
Tanto a tag OL quanto a tag UL são aninháveis, ou seja, uma pode existir dentro da outra. Nesses casos conseguimos um efeito em cascata com vários ítens. Veja o exemplo:

01....
02.
03.Seção I
04.
05.tópico A
06.
07.Ítem 1
08.Ítem 2
09.
10.Sub-ítem 1
11.Sub-ítem 2
12.
13.Ítem 3
14.
15.tópico B
16.
17.Ítem 1
18.
19.Sub-ítem 1
20.Sub-ítem 2
21.Sub-ítem 3
22.
23.
24.
25.
26....
O que resultaria em:
I. Seção I
A. tópico A
· Ítem 1
· Ítem 2
§ Sub-ítem 1
§ Sub-ítem 2
· Ítem 3
B. tópico B
· Ítem 1
§ Sub-ítem 1
§ Sub-ítem 2
§ Sub-ítem 3

Características - tag UL (texto - lista não ordenada) uso HTML