Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Listas em HTML

15-03-2007 15:57

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>
0
A melhor hospedagem para o seu site HostGator!

Quem está online

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