Listas em HTML

Aqui você verá artigos sobre HTML

Moderador: web

responder a dúvida

Listas em HTML

Mensagem por web Offline » Qui Mar 15, 2007 4:57 pm


Quando pensamos em ordenar itens em uma lista, seja em ordem alfabética ou numérica, usamos ol ou ul, eles nos permitem montar listas de vários tipos, veja abaixo alguns exemplos:

Lista em ordem por: I, II, ...
<ol type=I>
<li>item 1</li>
<li>item 2</li>
</ol>

Lista em ordem por: a, b, ...
<ol type=a>
<li>item 1</li>
<li>item 2</li>
</ol>

Para já iniciar a lista acima em uma determinada letra usamos o start com o valor correspondente a letra.
Por exemplo, para iniciarmos a lista na letra c, usamos:
<ol type=a start=3>
<li>item 1</li>
<li>item 2</li>
</ol>

Lista em ordem por: 1, 2, ...
<ol>
<li>item 1</li>
<li>item 2</li>
</ol>

Lista em ordem por: círculo vazio
<ul type=circle>
<li>item 1</li>
<li>item 2</li>
</ul>

Lista em ordem por: disco
<ul type=disc>
<li>item 1</li>
<li>item 2</li>
</ul>

Lista em ordem por: quadrado
<ul type=square>
<li>item 1</li>
<li>item 2</li>
</ul>

podemos também organizar melhor nossa lista usando: dl, dt e dd
veja abaixo o funcionamento de ambos:
<dl>
<dt>Título principal</dt>
<dd>Sub-Título 1</dd>
<ol>
<li>item 1</li>
<li>item 2</li>
</ol>
<dd>Sub-Título 2</dd>
<ol>
<li>item 1</li>
<li>item 2</li>
</ol>
<dt>Final</dt>
</dl>



detalhes...

Gostou do que encontrou? Divulgue, indique, participe, agradeça pelas respostas.

Faço scripts personalizados ou reparos em scripts. Orçamento MSN codigosnaweb1 [@] gmail [.] com

Avatar do usuário
web
ADMIN
ADMIN
Mensagens: 12439
Registrado em: Sáb Jan 20, 2007 6:08 pm
Localização: RJ / RJ / Brasil

responder a dúvida

Voltar para Artigos sobre HTML

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado e 1 visitante