IMG tag - Tag IMG - Portal de Finanças

Definição e uso de: <IMG />HTML com Estilo

O marcador <IMG /> "Image Element" ou imagem é utilizado para inserir uma imagem numa página HTML.

O marcador <IMG /> é utilizado para referencia da tag <MAP></MAP>, quando essa tag for utilizada.
A referência se dá com o atributo "usemap=" seguido do caractere # e depois o título na tag <IMG/ > e com o atributo "name=" seguido do título na tag <MAP></MAP>.
Por exemplo:

Atributos da tag <IMG /> :

Src (SouRCe) - Define o nome e o endereço da imagem.
Alt (ALTERNATIVE TEXT) - Nome de referência da imagem
Usemap - Nome de referência da imagem quando for usada com a tag <MAP></MAP> associada à imagem.
Width - Largura da imagem em pixels.
Height - Altura da imgem em pixels.
Hspace - Define o espaço lateral da imagem ao resto da página.
Vspace - Define o espaço vertical (acima e abaixo) da imagem em relação ao resto da página.
Border - Define uma moldura ao redor da imagem. O valor padrão é zero.
Title - Define o título da imagem
Align - Define o alinhamento em relação ao espaço na página que a imagem vai estar.
Pode ser: Left, Right, Top, Texttop, Middle, Absmiddle, Baseline, Bottom, Baseline e Absbottom.

Para simplesmente exibir uma imagem numa página de HTML nem todos os atributos são necessários, abaixo os essenciais:
<IMG src="endereço e nome do arquivo com sua extensão" width="xxx" height="xxx" border="x">

É fundamental que as medidas da imagem sejam reais para que não haja distorção na visualização.
Caso haja necessidade de redimensionamento da imagem deve-se fazê-lo usando-se a mesma proporção na largura e altura.
Então se tenho uma imagem 640 x 480 e quiser diminuir a largura para 480 a altura deverá ser de 360.

A marcação final </IMG> não é obrigatória.

Exemplo de conteúdo marcado pela tag <IMG />:

Visualização no navegador