Listas em HTML

Julho 2017

Listas em HTML

Uma lista é um parágrafo estruturado que contém uma sequência de artigos. A linguagem HTML define três tipos de listas: a lista ordenada, a lista não ordenada e a lista de definições.

A lista ordenada

Contentor Tipo de lista Efeito Visual
<blockquote>

<li> artigo 1 </li>

<li> artigo 2 </li>
</blockquote>
Lista ordenada


artigo 1

artigo 2

artigo 3

Lista não ordenada

Contentor Tipo de lista Efeito Visual
<ul> <blockquote>
<li> artigo 1 </li>

<li> artigo 2 </li>
</blockquote>

</ul>
Não ordenada


artigo 1

artigo 2

artigo 3

Lista de definição

Contentor Tipo de lista Efeito Visual
<dl> <blockquote>
<dt>Terme</dt>
</blockquote>
<blockquote> <blockquote>
<dd>definição</dd>
</blockquote>
</blockquote>

</dl>
De definição<dl>
<dt>artigo 1</dt>
<dd>definição 1</dd>
<dt>artigo 2</dt>
<dd>definição 2</dd>
</dl>

Atributos

Existem atributos específicos às listas, como:

Atributo Valor Efeito Visual
COMPACTReduz os espaços entre as linhas
PLAINRemove os pontos
SEQNUMO primeiro número configurado
STARTDefine o primeiro número
CONTINUERecomeça a partir do número em que tinha parado na lista precedente
TYPE (para as listas ordenadas)1
A

a

I

i
Números arábicos (por padrão)
Letras maiúsculas

Letras minúsculas

Números romanos (I, II, III, IV, etc.)

Números romanos minúsculos
TYPE (para as listas não ordenadas)circle


square

disc
<ul type="circle">
Etiqueta circular

<ul type="square">
Etiqueta quadrada

<ul type="disc">
Etiqueta sólida redonda

Veja também


Listas en HTML
Listas en HTML
Liste HTML (UL LI - OL LI)
Liste HTML (UL LI - OL LI)
Elenchi e numerazioni nell'HTML
Elenchi e numerazioni nell'HTML
Poziomy danych
Poziomy danych
Última modificação: 3 de julho de 2017 às 15:59 por Pedro.CCM.
Este documento, intitulado 'Listas em HTML', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.