Imagens NAS PÁGINAS HTML

Incluir uma imagem na sua página web é uma obra fácill. Exige apenas que você a tenha disponível e que ela esteja no formatos aceitos pelo browser.

Há dois formatos de imagem padrões na Web: O GIF, PNG e o JPG, este último comprime as imagens o que é mais rápido a carregar no Navegador. Os browsers Netscape, Internet Explorer, Firefox, Google Chrome, etc. aceitam estes tipos de ficheiro.

ATENÇÃO: As imagens no formato BMP comuns no Windows, não servem. Elas precisam ser convertidas num dos formatos padrões. Existem diversos programas que transformam imagens BMP em GIF ou JPG. Entre eles estão os famosos Adobe Photoshop, Corel PhotoPaint, Photostyle e Picture Publisher. Mas a própria Internet oferece alguns sharewares que dão conta do recado. São eles: LView, PaintShop, ReaGif e muitos outros.

O comando usado para inserir uma imagem é:

Com o atributo ALIGN= você pode alinhar o texto por baixo (bottom), pelo meio (middle) e por cima (top). Se o atributo ALIGN for omitido, o browser tomará o alinhamento pelo fundo como padrão.

A váriavel ALIGN= "right " alinhada a imagem no canto direito da página e faz com que o texto à contorne. Se ao invés de usar a opção right usarmos a opção left o mesmo efeito será obtido com a imagem alinhada no canto esquerdo da página.

<IMG SRC= "../imagens/duke.gif " ALIGN= "top ">Alinhando a imagem por cima 
<IMG SRC= "../imagens/duke.gif " ALIGN= "middle ">Alinhando a imagem pelo meio 
<IMG SRC= "../imagens/duke.gif " ALIGN= "bottom ">Alinhando a imagem por baixo 
<CENTER><IMG SRC= "../imagens/duke.gif "></CENTER>
<IMG SRC= "../imagens/duke.gif " ALIGN= "left ">Para centralizar a imagem acima foi usado o comando CENTER e não foi estipulado nehum tipo de alinhamento. Já nesta imagem foi usada a opção left que produz um efeito interessante. 
<IMG SRC= "../imagens/duke.gif " ALIGN= "right "> Está é uma imagem com alinhamento a direita (right).

Repare que assim como na imagem anterior o texto contorna a imagem.

Veja o exemplo baseado no código-fonte acima...

Antes de inundar suas páginas de imagens, lembre-se de que, ao usar a rede, a velocidade de transmissão das imagens é muito variável na Internet. Se uma página tem imagens "pesadas" leva mais tempo a carregar e o internauta pode desistir de a ver.