De acordo com as Leis 12.965/2014 e 13.709/2018, que regulam o uso da Internet e o tratamento de dados pessoais no Brasil, ao me inscrever na newsletter do portal DICAS-L, autorizo o envio de notificações por e-mail ou outros meios e declaro estar ciente e concordar com seus Termos de Uso e Política de Privacidade.

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

Adicionar comentário

* Campos obrigatórios
5000
Powered by Commentics

Comentários

Nenhum comentário ainda. Seja o primeiro!


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