Joomla User Manual

Tipos de Lista

HTML possui três tipos de listas:

• Listas não ordenadas são frequentemente exibidas com indentação e um marcador, como esta lista.
• Listas ordenadas são semelhantes, mas marcadas com números.
• Listas de definição consistem em Títulos e Definições.

Os marcadores e números são aplicados pelo navegador a partir de uma seleção de estilos. O usuário não deve inserir nenhum marcador ou texto numérico, pois isso será tratado como parte da lista. O editor TinyMCE possui ícones para aplicar estilos de marcadores comuns e tipos de números. Listas de definição são mais complicadas e precisam ser feitas manualmente.

Listas podem conter outras listas em qualquer nível, embora listas muito indenhadas se tornem difíceis de ler, então é melhor limitar-se a um ou dois níveis.

Captura de Tela

A captura de tela a seguir mostra uma lista não ordenada com dois níveis de indentação. Também mostra o conjunto completo de ferramentas, aberto ao selecionar o botão de reticências (...) no final da primeira linha de ícones de ferramentas.

Esta captura de tela será usada para explicar como a lista com marcadores foi criada usando as ferramentas Lista com Marcadores e Aumentar Indentação ou Diminuir Indentação:

Estilos de Lista

Listas com marcadores

Três estilos estão disponíveis:

• Um círculo preenchido é o padrão.
• Um círculo aberto.
• Um quadrado preenchido.

O botão de seta para baixo à direita do ícone da lista de marcadores abre um pequeno painel permitindo a seleção do estilo preferido para um item de lista selecionado:

O ícone de lista funciona como um interruptor. Se o cursor estiver em um parágrafo e um marcador for selecionado, o parágrafo se torna um item de lista. Se o marcador for selecionado novamente, o item de lista volta a ser um parágrafo.

Se dois ou mais parágrafos forem selecionados e um ícone de lista for escolhido, cada um dos parágrafos se torna um item de lista. Para fazer uma lista com recuo, selecione a ferramenta Aumentar recuo à direita das ferramentas de Lista. Por padrão, o item de lista com recuo adotará o próximo estilo de lista.

Então, para explicar como criar as listas com recuo no exemplo:

• Digite cada um dos termos como parágrafos de uma única palavra.
• Selecione todos os parágrafos para serem transformados em uma lista com marcadores.
• Selecione o ícone Lista com marcadores.
• Selecione o primeiro grupo de termos a ser recuado.
• Selecione o ícone Aumentar recuo.
• Selecione o segundo grupo de termos a ser recuado.
• Selecione o ícone Aumentar recuo.

Listas numeradas

Seis estilos estão disponíveis

• Números: 1, 2, 3 ...
• Letras: a, b, c ...
• Caracteres gregos: α, β, γ ...
• Números romanos em minúscula: i, ii, iii ...
• Letras maiúsculas: A, B, C ...
• Números romanos em maiúscula: I, II, III ...

Listas numeradas funcionam de forma um pouco diferente. Quando um item de lista é recuado, ele assume o primeiro valor numérico e os números no restante da lista mudam para que a lista esteja sempre na ordem numérica correta.

Listas mistas

O sistema de numeração pode ser alterado em cada nível. Por exemplo, você pode definir o primeiro nível para usar valores numéricos e o segundo nível para usar marcadores, ou caracteres gregos, ou qualquer outra coisa.

Provavelmente é melhor experimentar com listas para ver como elas podem ser manipuladas.

Listas de definições

Listas de definições consistem em um Título de definição e uma ou mais Descrições de definição seguidas pelo próximo Título de definição e sua Descrição. Elas seriam boas para um Glossário ou qualquer tipo de conjunto de pares de Chave/Valor. Para criar uma lista de definições:

• Selecione o botão Alternar Editor para ver a marcação do artigo em HTML.
• Digite a marcação da Lista de Definições. Aqui está um exemplo:

<dl>
<dt>Anfíbio</dt>
<dd>Vertebrado de sangue frio que põe ovos na água e tem uma fase larval aquática.</dd>
<dt>Réptil</dt>
<dd>Vertebrado de sangue frio que põe ovos na terra.</dd>
</dl>

Salve e visualize o resultado na Visualização.

Traduzido por openai.com