HTMLMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
Listas   • Listas ordenadas   • Listas desordenadasMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
Listas Ordenadas   • Uma lista ordenada consiste em criar uma lista     com numeração.   • A tag para criar uma lista orde...
Listas Ordenadas   • O comando ol tem os seguintes     parâmetros:          • Start    escolher em que posição sua lista i...
Listas Desordenadas   • Uma lista desordenada consiste em criar uma     lista com marcadores.   • A tag para criar uma lis...
Listas Desordenadas   • O comando ul tem os seguintes     parâmetros:          • Type     escolher o tipo de marcador pra ...
Exercícios   Construa uma página da web onde serão   desenvolvidos os exercícios abaixo.   1) Insira uma foto de um estádi...
Upcoming SlideShare
Loading in...5
×

HTML - Listas

545

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
545
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×