HTML - Imagens

HeinformatekaHTML

IMAGENS

Podemos inserir imagens dentro de um documento HTML, mas devemos ter o máximo de cuidado, para não onerar a transmissão para o usuário.
Os formatos mais usados são o GIF e o JPG, ambos com compactação de pixels.
Para inserir uma imagem, uso o TAG: , que é único, não exigindo um TAG finalizado.
Exemplo:

IMG SRC="figura1.gif"

Se a imagem estiver na sua maquina é preciso especificar a pasta como no exemplo:
img src="imagens/foto2.jpg" width="65px" height="75px"

As TAGs "WIDTH" e "HEIGHT" servem pra modificar o tamanho e largura da imagem conforme desejado
Os arquivos com as imagens deverão estar armazenados no seu Provedor de Acesso, juntamente com o documento HTML.

Você pode adicionar uma pequena descrição desta maneira:
img src="foto. jpg" width="221" height="300" alt="nome da foto"
O atributo alt (texto alternativo) é utilizado para dar a pequena descrição, neste caso "NOME DA FOTO".

BORDA DA IMAGEM

Uma borda (contorno) da imagem pode ser adicionada com o atributo border :
img src="foto. jpg" width="10%" height="10%" border="1"
img src="foto. jpg" width="10%" height="10%" border="2"
img src="foto. jpg" width="10%" height="10%" border="3"
O valor do atributo border indicará o tamanho dessa moldura.