Your SlideShare is downloading. ×
  • Like
HTML - Listas
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

HTML - Listas

  • 509 views
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
509
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
1
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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