Listas e enumerações em HTML

As listas

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 não ordenada


Contentor Tipo de lista Efeito Visual<gras>
<ol> <blockquote>

<li> artigo 1 </li>

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

</ol>

Lista ordenada<ol>
  • artigo 1
  • artigo 2
  • artigo 3 </ol>

Lista não ordenada


Contentor Tipo de lista<gras> 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
COMPACT reduz os espaços entre linhas
PLAIN suprime os pontos
SEQNUM define o primeiro número
START define o primeiro número
CONTINUE recomeça a partir do número em que tinha parado na lista precedente
TYPE (para as listas ordenadas)1

A

a

I

i

numeração calculada (por defeito)

numeração em capitais

numeração em posição baixa

numeração em números romanos(I, II, III, IV ...)

numeração em números romanos em posição baixa

TYPE (para as listas nao ordenadas)circle

square

disc

<ul type="circle">
  • ponto circular

<ul type="square">
  • ponto quadrado

<ul type="disc">
  • ponto em disco
Última modificação do dia Segunda 3 de Agosto de 2009 às 22:26:13 por owliance.pt_004
Este documento, intitulado « Listas e enumerações em HTML »a partir de Kioskea.net (pt.kioskea.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.
Parágrafos
Quadros HTML