HTML imagens inserção fundo
•
0 gostou•402 visualizações
O documento discute como inserir imagens em HTML, mencionando os principais tipos de imagens como JPG, GIF e PNG. Explica como usar a tag <img> para adicionar imagens na página com parâmetros como src, width, height e alt. Também mostra como definir uma imagem como plano de fundo da página usando o atributo background na tag <body>.
Recomendados
Mais conteúdo relacionado
Destaque
Destaque (20)
Semelhante a HTML imagens inserção fundo
Semelhante a HTML imagens inserção fundo (12)
Mais de Guto Xavier
HTML imagens inserção fundo
- 1. HTML MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
- 2. Imagens • Tipos de imagens • Inserindo uma imagem na página • Inserindo uma imagem no fundo da página MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
- 3. Tipos de Imagens • JPG • GIF • PNG • BMP • ICO MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS
- 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. 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. 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 BODY MICROCAMP AMERICANA – WEB DEVELOPER – HTML / CSS