você está aqui: Home  → Arquivo de Mensagens

Estilos de ordenação em listas html

Colaboração: Rubens Queiroz de Almeida

Data de Publicação: 17 de fevereiro de 2013

Os estilos de ordenação mais usados na linguagem HTML são dois: ordenada e não ordenada.

Por exemplo, o código:

  <UL>
  <LI>Item 1 da lista
  <LI>Item 2 da lista
  <LI>Item 3 da lista
  </UL>

irá gerar o seguinte texto:


  • Item 1 da lista
  • Item 2 da lista
  • Item 3 da lista

Esta é uma lista não numerada (em inglês bulleted list).

Já o código:

  <OL>
  <LI>Item 1 da lista
  <LI>Item 2 da lista
  <LI>Item 3 da lista
  </OL>

irá gerar o seguinte texto:


  1. Item 1 da lista
  2. Item 2 da lista
  3. Item 3 da lista

UL significa unordered list e OL significa Ordered List.

Mas existem outras possibilidades, representadas na tabela abaixo:

Valor Estilo de ordenação
1 1, 2, 3, ...
i i, ii, iii, ...
I I, II, III, ...
a a, b, c, ...
A A, B, C, ...

Por exemplo, para gerar uma lista com ordenadores alfabéticos:

  <OL type="a">
  <LI>Item a da lista
  <LI>Item b da lista
  <LI>Item c da lista
  </OL>

Teremos o seguinte texto:


  1. Item a da lista
  2. Item b da lista
  3. Item c da lista

E assim por diante.

Referência: Numbered and Alphabetized Lists



Veja a relação completa dos artigos de Rubens Queiroz de Almeida

 

 

Opinião dos Leitores

Gustavo
18 Fev 2013, 06:37
Importante fechar a tag <li></li> também, e usa-las sempre em caixa baixa para ficarmos dentro dos padrões.
*Nome:
Email:
Me notifique sobre novos comentários nessa página
Oculte meu email
*Texto:
 
  Para publicar seu comentário, digite o código contido na imagem acima
 


Powered by Scriptsmill Comments Script