HTML - Imagens

520 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
520
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

×