Listas

O HTML permite criar diferentes tipos de listas. Uma lista pode conter qualquer elemento HTML: links, imagens, tabelas e outras listas.

Lista Desordenada

Uma Lista Desordenada começa com a tag ul. Cada item da lista começa com a tag li.

Exemplo:

• Item A
• Item B
• Item C

Marcador de Itens

• Por padrão, cada item de uma Lista Desordenada vai ser marcado com "disc" (pequenos círculos pretos).
• Com a propriedade do CSS list-style-type, é possível definir o estilo do marcador de itens em uma Lista Desordenada.
• Essa propriedade CSS pode ser aplicada tanto na tag ul (em toda a lista), quanto na tag li (em um único item da lista).

Os estilos de Marcador de Itens são os seguintes:

• disc (padrão)
• circle
• square
• none

Listas Horizontais

• É comum as listas serem usadas para representar um menu de navegação na página.
• Para isso, utilize o atributo none na propriedade CSS list-style-type.
• Utilize a propriedade CSS float com o atributo left para alinhar o conteúdo da lista na esquerda da página.
• Com a propriedade CSS margin-right você consegue definir a distância em pixels (px) entre a margem direita do conteúdo da lista. Dessa forma, o conteúdo não fica "colado" um ao lado do outro.
• A propriedade CSS list-style-type pode ser colocada na tag ul (em toda a lista). As propriedade CSS float e margin-right só funcionam na tag li (em cada item da lista).

Exemplo:

• Item A
• Item B
• Item C
• Item D
• Item E

Lista Ordenada

• Uma Lista Ordenada começa com a tag ol.
• Cada item da lista começa com a tag li.

Exemplo:

1. Item A.
2. Item B.
3. Item C.

Marcador de Itens

• Por padrão, cada item de uma Lista Ordenada vai ser marcado com números.
• Com o atributo type das tags ol e li é possível modificar o Marcador de Itens em uma Lista Ordenada.

Os estilos de Marcador de Itens são os seguintes:

1. 1: Números.
2. A: Letras (maiúsculas).
3. a: Letras (minúsculas).
4. I: Algarismos Romanos (maiúsculos).
5. i: Algarismos Romanos (minúsculos).

Controlador de Contagem

• Por padrão, as Listas Ordenadas começam no número 1.
• Para mudar isso, utilize o atributo start da tag ol.

Exemplo: Lista Ordenada que começa no número 185:

185. Item A
186. Item B
187. Item C
188. Item D
189. Item E

Lista Descritiva

• Uma lista descritiva começa com a tag dl.
• Cada item da lista começa com a tag dt.
• A descrição de um item começa com a tag dd.

Exemplo:

Casa

Construção em alvenaria usada para morar, com distintos formatos ou tamanhos, normalmente térrea ou com dois andares.

Lâmpada

Dispositivo que atua como suporte de uma ou mais luzes artificiais e que serve para iluminar.

Livro

Conjunto de folhas de papel ou de qualquer outro material semelhante que, uma vez encadernadas, formam um volume.

<- Voltar