Codex

< Tabelas | Índice | Formulários >

As listas mais comuns em HTML são listas ordenadas e não ordenadas


Listas HTML

Uma lista ordenada:

  1. Primeiro item da lsita
  2. Segundo item da lista
  3. Terceiro item da lista

Uma lista não ordenada:

  • Item da lista
  • Item da lista
  • Item da lista

Listas não ordenadas

Uma lista não ordenada inicia com a tag <ul>. Cada item da lista inicia com a tag <li>.

Os itens são mostrados pelos browsers com pequenos círculos pretos no seu início.

Exemplo:

Como o código HTML acima aparece em um browser:

  • Café
  • Leite

Listas ordenadas

Uma lista ordenada, no código, inicia com uma tag <ol>. Cada item da lista inicia com a tag <li>.

Os itens da lista são marcados com números no início de cada item.

Como o código acima aparece em um browser:

  1. Café
  2. Leite

Listas de definições

Uma lista de definição é uma lista de itens, com a descrição de cada item.

A tag <dl> define uma lista de definições.

A tag <dl> é usada em conjunto com a tag <dt> (define o item da lista) e a tag <dd> (define a descrição do item).

Como o código acima aparece em um browser:

Café
- Bebida de cor preta
Leite
- Bebida de cor branca

Notas básica e dica úteis

Dica: Dentro de um item de lista você pode colocar texto, quebra de linha, imagens, links, outras listas, etc.


Tags de listas HTML

Tag Descrição
<ol> Define uma lista ordenada
<ul> Define uma lista não ordenada
<li> Define um item de lista
<dl> Define uma lista de definições
<dt> Define um item em uma lista de definições
<dd> Define a descrição de um item em uma lista de definições


< Tabelas | Índice | Formulários >