Aula5 - Listas HTML 5

Material de apoio para aulas de HTML 5.
Criação de listas ordenadas, não ordenadas e listas com descrição.

1. Curso de HTML
Por: Dorival Silva
Aula 05

2. 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

3. Lista não ordenada
•Item 1
•Item 2
•Item 3
•Item 4
•Item 5
•Item 6

4. 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>

5. Lista ordenada
1.Carros
2.Motos
3.Casas
4.Esportes
5.Sapatos
6.Livros
7.Filmes

6. Lista ordenada
<ol>
<li>Carros</li>
<li>Motos</li>
<li>Casas</li>
<li>Esportes</li>
<li>Livros</li>
<li>Filmes</li>
</ol>

7. Lista com descrição
•Item 1
Descrição item 1
•Item
Descrição item 2
•Item 3
Descrição item 3

8. Lista com descrição
<dl>
<dt>Leite</dt>
<dd>-Baixa lactose</dd>
<dt>Café</dt>
<dd>-Grãos tipo A</dd>
</dl>

9. 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)

10. 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