Aula5 - Listas

Preview:

DESCRIPTION

Material de apoio para criação de listas HTML 5. Lista ordenadas, Listas não ordenadas e listas com descrição.

Citation preview

Curso de HTML

Por: Dorival Silva

Aula 05

Listas HTML

Para formação de texto e conteúdo e possível aplicar a utilização de lista HTML.

As lista são definidas como:

- Lista ordenada-Lista não ordenada-Lista com descrição

Lista não ordenada

• Item 1 • Item 2• Item 3• Item 4• Item 5• Item 6

Lista ordenada

1. Carros

2. Motos

3. Casas

4. Esportes

5. Sapatos

6. Livros

7. Filmes

Lista com descrição

• Item 1Descrição item 2

• Item Descrição item 2

• Item 3Descrição item 3

Lista com descrição

<dl> <dt>Leite</dt> <dd>- Baixa lactose</dd> <dt>Café</dt> <dd>- Grãos tipo A</dd></dl>

Atributos para listas ordenadas

type=“1” – Lista numerada (padrão)

type=“A” – Lista numerada cx alta (letras)

type=“a” – Lista numerada cx baixa (letras)

type=“I” – Lista numerada cx alta (romanos)

type=“i” – Lista numerada cx baixa (romanos)

Atributos listas não ordenadas

type=“disc” – marca como “ponto”(padrão)

type=“circle” – marca como círculo

type=“square” – marca como quadrado

type=“none” – remove marcação