Trabalhando com Listas em HTML5

Voltar para Módulo 01

Listas Ordenadas - OL

3. a tag <ol> cria Lista Ordenadas.
4. o atributo type mostra a lista por tipos que podem ser:
5. 1 (números - PADRÃO); A (letras maiúsculas) ; a (letras minúsculas); I (algarismos romanos maiúsculos); i (algarismos romanos minúsculos).
6. o atributo start indica onde a ordem da lista deve começar, nesse caso indiquei o início em 3.
7. os itens de listas são criados pela TAG <li >.
8. NOTA: a partir do html5 o fechamento dos items de listas (pela tag <li>) são opcionais, mas é recomendado o fechamento com </li>.
9. NOTA: na boa prática devemos indicar o atributo type na CSS usando a propriedade list-style-type, pois as formatações são representadas dentro da CSS. Esta regra vale tanto para as OL como para UL.
10. Voltar para casa
11. Jantar
12. Dormir

Listas não Ordenadas - UL

• a tag <ul> cria Lista Não Ordenadas.
• o atributo type mostra lista por tipos que podem ser:
• disc (PADRÃO), circle, square, no caso usei o disc.
• NOTA: geralmente os menus dos sites são criados por listas não ordenadas . MUITO IMPORTANTE SABER ESSE TIPO DE CONSTRUÇÃO PARA MENUS DE SITES.
• Manteiga
• Arroz
• Feijão

Minhas linguagens favoritas - Misturando Listas OL e UL

1. Antigas
1. Clipper
2. Visual Basic
3. Fortran
4. Delphi
2. Novas
5. PHP
6. Python
7. JavaScript
8. Kotlin

Meus jogos favoritos

1. NES
• Mario Bros
1. Mario Bros 3
2. Mario: Lost Levels
• Ninja Gaiden
2. SNES
• Mario
• Donkey Kong
3. PLAYSTATION 2
• Final Fantasy
• Castlevania

Lista de Definições usando a tag <dl> - NOTA: funciona como um dicionário, com um termo <dt> e uma definição do termo <dd>

Termo

Definição do Termo

HTML

Linguagem de marcação para a criação do conteúdo de um site.

CSS

Linguagem de marcação para a criação do design de um site.

JavaScript

Linguagem de programação para a criação de interatividade de um site.