2. Listas
• Listas ordenadas
• Listas desordenadas
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
3. Listas Ordenadas
• Uma lista ordenada consiste em criar uma lista
com numeração.
• A tag para criar uma lista ordenada é a tag ol
(ordened list).
• Cada item da lista deve ter o comando li (list
item):
<ol>
<li> Primeiro item da lista </li>
<li> Segundo item da lista </li>
</ol>
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
4. Listas Ordenadas
• O comando ol tem os seguintes
parâmetros:
• Start escolher em que posição sua lista ira
iniciar
• Type escolher o tipo de numerador pra lista
entre: 1 / i / I / a / A
<ol start=“3” type=“a”>
<li> Primeiro item da lista </li>
<li> Segundo item da lista </li>
</ol>
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
5. Listas Desordenadas
• Uma lista desordenada consiste em criar uma
lista com marcadores.
• A tag para criar uma lista ordenada é a tag ul
(unordened list).
• Cada item da lista deve ter o comando li (list
item):
<ul>
<li> Primeiro item da lista </li>
<li> Segundo item da lista </li>
</ul>
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
6. Listas Desordenadas
• O comando ul tem os seguintes
parâmetros:
• Type escolher o tipo de marcador pra lista
entre: square / circle / disc
<ul type=“square”>
<li> Primeiro item da lista </li>
<li> Segundo item da lista </li>
</ul>
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
7. Exercícios
Construa uma página da web onde serão
desenvolvidos os exercícios abaixo.
1) Insira uma foto de um estádio como plano de
fundo.
2) Insira o brasão de 5 times de futebol.
3) Crie uma lista ordenada com o nome dos 4
primeiros clubes do campeonato brasileiro.
4) Crie uma lista ordenada com o nome dos 4
últimos clubes do campeonato brasileiro.
5) Crie uma lista desordenada com os candidatos
a prefeito de Americana.
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS