ComoFazerListas
<-- Voltar à página hierarquicamente anterior
Listas
Para listas simples basta usar # para listas numeradas e * para listas não numeradas. O * ou o # tem de ser o primeiro carater da linha (não pode haver espaços à esquerda) e não se pode deixar linhas em branco entre os elementos da lista (especialmente no caso de listas numeradas senão a numeração recomeça do 1).
Para listas mais complexas é necessário usar-se alguns truques, nomeadamente <ol style="list-style-type: ...">...</ol> onde o estilo pode ser decimal, decimal-leading-zero, lower-roman, upper-roman, lower-alpha, upper-alpha, lower-greek, upper-greek, desta forma no caso das listas numeradas automaticamente consegue-se usar números (com ou sem zeros iniciais), letras (maiúsculas ou minúsculas), numeração romana (maiúscula ou minúscula) e letras gregas (maiúsculas ou minúsculas).
Apresentam-se aqui 14 exemplos de tipos de listas mais sofisticados. Ver o código-fonte para perceber como foram feitas.
Caso 1: Lista não numerada com 2 níveis (para 3 níveis usar-se-ia ***)
- Um
- Dois
- Dois um
- Dois dois
- Dois três
- Três
- Quatro
Caso 2: Lista numerada com 2 níveis (numeração automática, para 3 níveis usar-se-ia ###)
- Um
- Dois
- Dois um (não mostra o número do nível superior)
- Dois dois (não mostra o número do nível superior)
- Dois três (não mostra o número do nível superior)
- Três
- Quatro
Caso 3: igual ao caso 2 mas com mais indentação que o normal
- Um
- Dois
- Dois um
- Dois dois
- Dois três
- Três
- Quatro
Caso 4: lista com numeração automática mas com essa numeração a começar por exemplo em 7
- Sete
- Oito
- Nove
- Dez
- Onze
Caso 5: lista com numeração automática a começar em 7 mas com essa numeração a usar sempre 2 dígitos
- Sete
- Oito
- Nove
- Dez
- Onze
Caso 6: Lista numerada com mais do que um nível (numeração manual)
Numeração manual dos níveis interiores, atenção que ao adicionar ou remover um item do nível exterior a numeração dos níveis interiores pode passar a estar errada e ter de ser corrigida, na parte manual pode-se usar o estilo que se quiser
- Um
- Dois
- 2.1 Dois um
- 2.2 Dois dois
- 2.3 Dois três
- Três
- Quatro
Caso 7: Lista com números e letras minúsculas com o nível interior indentado (numeração automática)
- Um
- Dois
- Dois a
- Dois b
- Dois c
- Três
- Quatro
Caso 8: Lista com números e numeração romana minúscula com o nível interior indentado (numeração automática)
- Um
- Dois
- Dois i romano
- Dois ii romano
- Dois iii romano
- Três
- Quatro
Caso 9: Lista com números e letras (a numeração das letras é manual, o resto é automático)
- Um
- Dois
- a) Alfa
- b) Beta
- c) Gama
- Três
- Quatro
Caso 10: Lista com três níveis usando sucessivamente números, letras maiúsculas e numeração romana minúscula (numeração automática)
- Um
- Dois
- Dois A
- Dois B
- Dois B i romano
- Dois B ii romano
- Dois B iii romano
- Dois C
- Dois D
- Três
- Quatro
Caso 11: Lista com quatro níveis usando sucessivamente números, letras maiúsculas, numeração romana minúscula, e letras gregas minúsculas (numeração automática)
Note-se que no código-fonte a indentação colocada do lado esquerdo nos níveis interiores é só para ajudar à compreensão do encadeamento das listas, não é isso que origina o espaçamento que efetivamente aparece já que ele é colocado automaticamente):
- Um
- Dois
- Dois A
- Dois B
- Dois B i romano
- Dois B ii romano
- Dois B ii romano Alfa
- Dois B ii romano Beta
- Dois B ii romano Gama
- Dois B iii romano
- Dois C
- Dois D
- Três
- Quatro
Caso 12: Lista com definições
Pode-se colocar cada entrada numa única linha ou em 2 linhas, ver como foi feito o exemplo abaixo:
- Lista de Acrónimos
- item
- definição
- ponto e vírgula mais o termo
- dois pontos mais a definição
Caso 13: Lista não numerada com 3 colunas
Atenção que se imprimir isto do Safari ou do Chrome a lista na versão de impressão aparece numa única coluna, já o Firefox e o Internet Explorer mantêm as 3 colunas na versão de impressão, o Opera na versão de impressão mantém as 3 colunas mas nalguns casos reorganiza os elementos:
- um
- dois
- três
- quatro
- cinco
- seis
- sete
- oito
Caso 14: Lista numerada com 3 colunas
Atenção que se imprimir isto do Safari ou do Chrome a lista na versão de impressão aparece numa única coluna, já o Firefox e o Internet Explorer mantêm as 3 colunas na versão de impressão, o Opera na versão de impressão mantém as 3 colunas mas nalguns casos reorganiza os elementos:
- um
- dois
- três
- quatro
- cinco
- seis
- sete
- oito