Inserção de imagens

Para inserir imagens no site, é importante observar seu formato, pois o tamanho do arquivo deverá ser o menor possível. Geralmente, são aceitos os seguintes formatos:
GIF – limita-se a 256 cores.
JPG – arquivo de imagem compactado, que aceita todas as nuances de cores.

<IMG> - inclui uma imagem. Utiliza o parâmetro SRC para identificar o endereço onde se encontra a imagem.

Exemplo: <IMG SRC=”rosa.gif”>

ou

<IMG SRC=”imagens\rosa.gif”> (neste caso o arquivo rosa.gif encontra-se na pasta imagens)

ou

<IMG SRC=”http://www.minhapagina.com.br/imagens/rosa.gif”> (neste caso o arquivo rosa.gif encontra-se na pasta imagens, na Internet dentro da página www.minhapagina.com.br)

Parâmetros de Imagem

BORDER - permite alterar a largura da borda da imagem. Seus valores são expressos em pixels.
WIDTH – permite altera a largura da imagem em relação ao seu tamanho original. São aceitos valores em pixels ou porcentagem da tela.
·HEIGHT - permite altera a altura da imagem em relação ao seu tamanho original. São aceitos valores em pixels ou porcentagem da tela.

Exemplo: <IMG SRC=”rosa.gif” BORDER=2 WIDTH=150 HEIGHT=100>

Obs.: Cuidado ao especificar os parâmetros WIDTH e HEIGHT juntos, pois poderá distorcer a imagem. Quando especificado apenas WIDTH, o parâmetro HEIGTH se ajusta automaticamente para manter a proporção da imagem e vice-versa.

HSPACE – define a margem em branco nas laterias (esquerda e direita) da imagem, evitando assim que o texto fique encostado na figura. Seus valores são expressos em pixels.
VSPACE - define a margem em branco nas partes inferior e superior da imagem, evitando assim que o texto fique encostado na figura. Seus valores são expressos em pixels.

Exemplo: <IMG SRC=”rosa.gif” HSPACE =5 VSPACE =5>

ALT – insere um texto alternativo, que aparecerá quando o cursor aponta a figura ou quando a mesma não é encontrada, dando uma idéia do conteúdo da imagem ao usuário. Exemplo: <IMG SRC=”paris.gif” ALT=”Cidade de Paris”>
ALIGN – define o alinhamento da imagem em relação à linha do texto. Seus valores são:
TOP – alinha a parte superior da imagem com a linha do texto.
MIDDLE – alinha o meio da imagem com a linha do texto.
BOTTOM - alinha a parte inferior da imagem com a linha do texto.