Transferir como PDF, PPTX
Carregado porGuto Xavier
HTML - Imagens
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>.
HTML - Imagens
- 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 imagemna 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 imagemna 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 imagemno 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