html - imagens

MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS

HTMLHTML


ImagensImagens

• Tipos de imagens• Inserindo uma imagem na página• Inserindo uma imagem no fundo da

página


Tipos de ImagensTipos de Imagens

• JPG• GIF• PNG• BMP• ICO


Inserindo uma imagem na Inserindo uma imagem na

ppááginagina

• Com o comando img podemos inserir uam imagem na página.

• <img src=“caminho\da\imagem”>• 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.


Inserindo uma imagem na Inserindo uma imagem na

ppááginagina

• 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”>


Inserindo uma imagem no Inserindo uma imagem no

fundo da pfundo da pááginagina

• Para inserir um imagem como fundo de nossa página web, devemos alterar a tagbody acrescentando o parametrobackground.

<body background=“fundo.jpg”>

Cada documento deve ter apenas uma tagBODY

html - imagens

Documents