HTMLMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
Imagens   • Tipos de imagens   • Inserindo uma imagem na página   • Inserindo uma imagem no fundo da     páginaMICROCAMP A...
Tipos de Imagens   •   JPG   •   GIF   •   PNG   •   BMP   •   ICOMICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
Inserindo uma imagem na               página   • Com o comando img podemos inserir uam imagem na     página.   • <img src=...
Inserindo uma imagem na               página   • ALT      – O parâmetro alt é utilizado para quando a        imagem não fo...
Inserindo uma imagem no          fundo da página   • Para inserir um imagem como fundo de     nossa página web, devemos al...
Próximos SlideShares
Carregando em…5
×

HTML - Imagens

503 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
503
No SlideShare
0
A partir de incorporações
0
Número de incorporações
4
Ações
Compartilhamentos
0
Downloads
6
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no 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

×