HTML - Listas

815 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
815
No SlideShare
0
A partir de incorporações
0
Número de incorporações
3
Ações
Compartilhamentos
0
Downloads
5
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

HTML - Listas

  1. 1. HTMLMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
  2. 2. Listas • Listas ordenadas • Listas desordenadasMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
  3. 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. 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. 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. 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. 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

×