Uma imagem vale 1.000 palavras?
Deve ser um exagero, mas ninguém duvida que sem imagens a maioria de
nós não andava aqui.
E é fácil pôr imagens nas páginas.
- Arranje uma imagem. Pode ser gif ou jpg
- Cuidado com o tamanho, quanto maior mais demora a ser vista.
- Ponha-a onde quer.
As duas primeiras coisas são problema seu, a última faz-se assim:
<IMG SRC="imagem">
Claro que tem exemplo:
<IMG SRC="barco1.gif"><BR>um barquinho
um barquinho
Se não levasse o <BR> o resultado era:
um barquinho
Pode-se ter um pouco mais de controle na relação imagem / texto usando uns
<BR> estratégicamente colocados e
<IMG ALIGN=onde SRC="imagem"> podendo o onde
ser TOP, MIDDLE, BOTTOM, LEFT ou RIGHT.
no cimo <IMG ALIGN=TOP SRC="barco2.gif">
no meio <IMG ALIGN=MIDDLE SRC="barco2.gif">
em baixo <IMG ALIGN=BOTTOM SRC="barco2.gif">
se não houver ALIGN nenhum, é o que acontece.
Um pouco redundante, portanto.
Quando uma imagem tem ALIGN=LEFT,
mais do que uma linha de texto pode ser colocada ao seu lado, o que não
acontece com ALIGN=TOP ou ALIGN=MIDDLE
em que é apenas uma. No entanto isto tem um problema.
É que enquanto houver texto para mostrar, o comando mantem-se em efeito.
Aqui isso não tem importância, a imagem é pequena e o texto
é bastante, mas com imagens maiores e menos texto pode acontecer que a
formatação pretendida fique totalmente errada, dependendo da
largura do ecran de quem ler a página (aqui ainda minorei mais o problema
porque usei uma table, lá chegaremos).
<IMG ALIGN=RIGHT SRC="barco2.gif">
à direita, de resto é igual ao anterior.
E Ainda...
- Pode-se emoldurar a imagem. Usa-se BORDER=## para isso, sendo
o ## a espessura da moldura. Não me pergunte
porque é que o MS Internet Explorer se limita a deslocar a imagem como
se a moldura lá estivesse mas depois não a desenha,
não conheço ninguém na Microsoft!
-
<IMG BORDER=2 SRC="barco3.gif">
<IMG BORDER=10 SRC="barco3.gif">
- Pode indicar quantos Pixels quer ter entre a imagem e o texto.
Use HSPACE=## e VSPACE=##. Como já deve suspeitar ## é
o número de Pixels desejados.
- Também em Pixels se pode indicar o tamanho da imagem, com
HEIGHT=## para a altura e WIDTH=## para a largura.
Entre outras coisas isto permite esticar ou encolher uma imagem. Quer ver?
-
<IMG HEIGHT="50" WIDTH="90" SRC="barco4.gif">
- Mesmo que não pretenda distorcer nada é conveniente dar o tamanho
correcto da imagem. Em príncipio isto permite que a página seja
transmitida mais rápidamente, e se por qualquer razão a imagem
não chegar ao destino é possível que o Browser decida
deixar um espaço em branco com o tamanho correcto.
Claro que mais uma vez os resultados dependem do Browser utilizado
e da respectiva versão.
-
<IMG HEIGHT="40" WIDTH="40" SRC="nada.gif">
- Outra recomendação. Se possível use
ALT="DescriçãoDaImagem".
Quem não vir a imagem tem pelo menos a hipótese de saber o que
está a perder.
- <IMG ALT="Borracho do Ano" HEIGHT="30" WIDTH="180"
SRC="uauuu.gif">>
- Se estiver a ler isto no Netscape só poderá apreciar plenamente
estes dois últimos casos, imagens inexistentes, se tiver o carregamento
de imagens desligado -> (Menu Options - Auto Load Images).
Uma imagem também pode servir como um Link. Carrega-se nela
e salta-se para outro lado.
Mas isso está na página dos Links.
