Aula5 - Listas HTML 5

Curso de HTML

Por: Dorival Silva

Aula 05

Listas HTML

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

As listas 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 não ordenada

<ul><li>Item 1</li><li>Item 2</li><li>Item 3</li><li>Item 4</li><li>Item 5</li><li>Item 6</li>

</ul>

Lista ordenada

1. Carros

2. Motos

3. Casas

4. Esportes

5. Sapatos

6. Livros

7. Filmes

Lista ordenada

<ol><li>Carros</li><li>Motos</li><li>Casas</li><li>Esportes</li><li>Livros</li><li>Filmes</li>

</ol>

Lista com descrição

• Item 1

Descrição item 1

• Item

Descrição item 2

• Item 3

Descriçã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