HTML - Imagens

515 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
515
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

HTML - Imagens

  1. 1. HTMLMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
  2. 2. Imagens • Tipos de imagens • Inserindo uma imagem na página • Inserindo uma imagem no fundo da páginaMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
  3. 3. Tipos de Imagens • JPG • GIF • PNG • BMP • ICOMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
  4. 4. Inserindo uma imagem na página • Com o comando img podemos inserir uam imagem na página. • <img src=“caminhodaimagem”> • Existem parâmetros para: • Alterar altura e largura: height / width , os valores devem ser em pixel(não utiliza nenhum simbolo) ou porcentagem (%) • <img src=“foto.jpg” width=“10%”> • <img src=“foto.jpg” width=“100”> • No primeiro exemplo a imagem será exibida com á largura de 10% de seu tamanho original, já no segundo a imagem será exibida com á largura de 100 pixels.MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
  5. 5. Inserindo uma imagem na página • ALT – O parâmetro alt é utilizado para quando a imagem não for carregada exibir um texto(no mesmo local da imagem) ALTernativo, este texto também é exibido quando o cursor estiver sobre a imagem. <img src=“bat.jpg” alt=“Cartaz do Batman”>MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
  6. 6. Inserindo uma imagem no fundo da página • Para inserir um imagem como fundo de nossa página web, devemos alterar a tag body acrescentando o parametro background. <body background=“fundo.jpg”> Cada documento deve ter apenas uma tag BODYMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

×