Listas e enumerações em HTML

Março 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;
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:
Atributo Valor<gras> Efeito Visual
COMPACTreduz os espaços entre as linhas
PLAINsuprime os pontos
SEQNUMdefine o primeiro número
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úsculos

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

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
Este documento, intitulado 'Listas e enumerações 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.