8

Click here to load reader

Aula5 - Listas

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: Aula5 - Listas

Curso de HTML

Por: Dorival Silva

Aula 05

Page 2: Aula5 - Listas

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

Page 3: Aula5 - Listas

Lista não ordenada

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

Page 4: Aula5 - Listas

Lista ordenada

1. Carros

2. Motos

3. Casas

4. Esportes

5. Sapatos

6. Livros

7. Filmes

Page 5: Aula5 - Listas

Lista com descrição

• Item 1Descrição item 2

• Item Descrição item 2

• Item 3Descrição item 3

Page 6: Aula5 - Listas

Lista com descrição

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

Page 7: Aula5 - Listas

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)

Page 8: Aula5 - Listas

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