Acima de tudo deverá perceber que na WWW é a
diferença que existe entre imagens "Internas", que são visualizadas
no própio browser, ao lado do texto da página WWW, e imagens
"Externas", que são visualizadas numa aplicação que é lançada à
parte do browser (apesar desta diferença conceptual, a
forma de as referenciar em HTML é rigorosamente igual, cabendo aos
browsers clientes a distinção).
O que se passa é que o browser tentará sempre ler o formato da
imagem que vai abrir e se não o conseguir (por não o conhecer), ou
se estiver declarada uma aplicação externa (designada por "Helper
Application"), será lançada uma aplicação própria para ler o
ficheiro gráfico.
A forma de colocar imagens em documentos HTML é bastante simples.
A sintaxe é a seguinte:
<IMG SRC="(directório)/(ficheiro)">
Exemplos:
<IMG SRC="imagens/logo.gif">
<IMG SRC="../../imagens/logo.gif">
<IMG SRC="../../../imagens/logo.gif">
<IMG SRC="/imagens/fotos/duck.jpg">
Nestes exemplos foram utilizadas formas diversas de referenciar
as imagens pretendidas. Se o ficheiro da imagem estiver localizado
no mesmo directório do ficheiro HTML, naturalmente que a referência
apenas terá o nome do ficheiro, sem indicações de directórios. A
referência tanto pode ser absoluta (a partir do directório que é
raiz do servidor WWW, como na quarta linha do exemplo anterior) como
relativa ao directório em que o ficheiro HTML estiver.
É também possível uma página HTML referenciar uma imagem que está
localizada noutro computador remoto. Nesse caso a referência será
feita para a localização da imagem nesse computador. Por exemplo:
<IMG SRC="http://www.computador.pt/directório/imagem.gif">
Também é possível colocar um qualificador na marca <IMG
para alinhar um eventual bloco de texto que seja colocado como
adjacente à imagem. Esse qualificador é o ALIGN:
<IMG ALIGN=TOP SRC="imagem.jpg">Imagem com alinhamento no topo!
<IMG ALIGN=MIDDLE SRC="imagem.jpg">Imagem com alinhamento ao meio!
<IMG ALIGN=BOTTOM SRC="imagem.jpg">Imagem com alinhamento em baixo!
<IMG ALIGN=LEFT SRC="imagem.jpg">Imagem com alinhamento à esquerda!
<IMG ALIGN=RIGHT SRC="imagem.jpg">Imagem com alinhamento à direita!
Inserir imagem como "background"
Para acrescentar um fundo a página, para mudar a cor automática
das letras e links, utiliza-se os atributos da tag <BODY>. Veja um
exemplo:
<body background="fundo.gif" bgcolor="#123456" text="#123456">
Background: nome do arquivo GIF ou JPG que será o fundo da
página.
Bgcolor: código da cor de fundo da página.
Text: código da cor das letras da página.
Link: código da cor dos links não visitados.
Vlink: código da cor dos links visitados.
Mesmo que não tenha uma tabela com os códigos das cores, poderá
usaro nome da cor em inglês. Exemplo:
<body background="fundo.gif" bgcolor="red" text="blue"> |
