html - imagens
Post on 25-Jun-2015
332 Views
Preview:
TRANSCRIPT
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
HTMLHTML
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
ImagensImagens
• Tipos de imagens• Inserindo uma imagem na página• Inserindo uma imagem no fundo da
página
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
Tipos de ImagensTipos de Imagens
• JPG• GIF• PNG• BMP• ICO
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
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.
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
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”>
MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
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
top related