Comando <IMG>

Tipos de arquivos válidos para uso na Web
As imagens usadas na Web são armazenadas em arquivos com extensão *.gif, *.xbm, *.jpg (ou *.jpeg), que são os formatos mais conhecidos de imagens gráficas. Repare que para efeito de economia na transmissão de dados, os formatos utilizados contém embutidos alguns recursos de compactação para diminuir seu tamanho, o que deixa de fora o padrão bitmap (extensão BMP) do Windows. Se for o caso, uma figura salva como BMP deverá ser convertido para um dos formatos válidos.

A Sintaxe do comando: <IMG SRC="URL_da_imagem">
A tag IMG insere imagens que serão apresentadas junto com os textos. O atributo SRC deve estar presente como demonstrado acima, onde "URL_da_imagem" é o URL do arquivo que contém a imagem que se quer inserir. Pode ser referenciada uma imagem que esteja em um outro servidor (o que, logicamente, não é conveniente). Assim, escrevendo o código abaixo, inserimos a figura IMAGEM2.JPG no documento.

Atributo ALT
ALT indica um texto alternativo, descrevendo brevemente a imagem, que é apresentado no lugar da imagem nos browsers texto, ou quando se desabilita o carregamento de imagens em browsers gráficos. É recomendável que esteja sempre presente.

Atributos WIDTH e HEIGHT: <IMG SRC="imagem" WIDTH="largura" HEIGHT="altura">
Atributos de dimensão da imagem, em pixels. Grande parte dos editores HTML coloca automaticamente os valores destes atributos, quando indicamos a inserção de uma imagem. Uma das vantagens de se usar esses atributos é que o browser pode montar mais rapidamente as páginas, por saber de antemão o espaço que deverá ser reservado a elas.

Atributo BORDER
Quando uma frase é marcada como âncora de um link, ela se apresenta sublinhada; quando uma imagem faz as vezes de âncora, ganha uma borda que indica sua condição. Porém, por questões de apresentação, nem sempre interessa termos essa borda ao redor da imagem. Assim, com o atributo BORDER, podemos controlar esse detalhe.

Código	Resultado
<a href=INDEX.HTM><IMG SRC="IMAGEM3.GIF" ALT="Foto"></a>
<a href=index.htm><IMG SRC="IMAGEM3.GIF" ALT="Foto" BORDER=0></a>
<IMG SRC="IMAGEM3.GIF" ALT="Foto" BORDER=5>

Atributo ALIGN: <IMG SRC=... ALIGN="alinhamento">
Existem também atributos de alinhamento, que produzem os seguintes resultados:

Código	Resultado
ALIGN=TOP	Alinha o texto adjacente com o topo da imagem, embora com linhas compridas o resultado não seja muito bom.
ALIGN=MIDDLE	Alinha o texto adjacente com o meio da imagem, embora com linhas compridas o resultado não seja muito bom
ALIGN=BOTTOM	Alinha o texto adjacente com a parte de baixo da imagem (default)
ALIGN=RIGHT	Alinha imagem à direita, e tudo o que houver ao redor (texto, outras imagens) a partir do topo da imagem.
ALIGN=LEFT	Alinha imagem à esquerda, e tudo o que houver ao redor (texto, outras imagens) a partir do topo da imagem.

Dica de Alinhamento:
Para ter duas imagens, uma em cada margem, numa mesma linha, escreva:

<IMG align=left SRC="imagem3.gif" alt="Foto"> <IMG align=right SRC="imagem3.gif" alt="Foto"> ...e se pode escrever à vontade entre as imagens!

Isso resulta em: ...e se pode escrever à vontade entre as imagens!