16/11/2010
As imagens que aparecem nas páginas da WWW podem estar no formato GIF ou JPEG. O formato JPEG não é compatível com todos os programas de acesso e pode resultar em perda de qualidade na imagem, porém, costuma ser de menor tamanho (em kbytes) do que o formato GIF.
O comando para colocar uma imagem é:
<img src="imagem"> Sendo "imagem" o nome da imagem ou o endereço onde ela se encontra. Exemplos:
<img src="tela.gif">Inclui uma imagem chamada "tela.gif"
<img src="images/tela.gif">Busca a imagem "tela.gif" dentro do diretorio "images"
<IMG WIDTH=87 HEIGHT=60 SRC="http://www.lsi.usp.br/icones/lsi2.gif">Busca a imagem "lsi2.gif" no endereço "www.lsi.usp.br", dentro do diretório "icones"
Alguns parâmetros podem ser utilizados com o
img src:Alinhamento:
<img src="imagem" align="alinhamento"> Os tipos possíveis para "alinhamento" são:
align="right"Posiciona a imagem à direita da tela.
align="left"Posiciona a imagem à esquerda da tela.
align="top"Faz o texto que vem em seguida da imagem apareça na frente da parte superior da imagem da seguinte forma:
Texto aqui Comando utilizado:
<IMG WIDTH=100 HEIGHT=85 SRC="spiral.gif" align="top">Texto aqui align="middle"Faz o texto aparecer no meio da imagem:
Texto aqui Comando utilizado:
<img src="spiral.gif" align="middle">Texto aqui align="bottom"Faz o texto aparecer na parte inferior da imagem:
Texto aqui Comando utilizado:
<img src="spiral.gif" align="bottom">Texto aqui Outros parâmetros para imagem são: Espessura da borda de uma imagem-link:
<img src="imagem" border=n> Sendo "n" um número equivalente à espessura em número de pixels da borda da imagem. Este parâmetro é usado quando a imagem é um link para outro documento, pois imagens que são links ganham automaticamente uma borda azul fina (assim como textos que são links ficam sublinhados em azul).
Imagem Mapeada:
<img src="imagem" ismap> Este parâmetro é usado para imagens que são links mapeados, ou seja, clicando em diferentes partes de uma imagem, diferentes localidades ou arquivos podem ser acessados.
Informações sobre mapeamento de imagens podem ser encontradas no endereço:
http://www.w3.org/hypertext/WWW/Daemon/User/CGI/HTImageDoc.html
Imagem como padrão de fundo: Para se colocar imagens ou mudar as cores do fundo da tela, o comando usado é:
<body background="imagem"> . . . </body> Este comando deve ser usado logo após o comando title. O comando </body> (finaliza o conteúdo de uma página) deve ficar na última linha da página. A "imagem" especificada no comando de "background" será usada como um padrão repetido como fundo da tela. Deve-se tomar cuidado para que a cor das letras e dos links sejam bem escolhidas para facilitar a leitura em fundos de cor escura. Se for desejado criar uma cor de fundo para a página, pode ser usado o comando:
As cores do texto de uma página podem ser mudadas com os seguintes comandos:
<BODY text="#rrggbb" link="#rrggbb" vlink="#rrggbb" alink="#rrggbb"> . . . </body> Sendo que text define a cor do texto (normalmente prta), link define a cor de um link de hipertexto (normalmente azul), vlink a cor de links que já foram visitados (normalmente violeta) e alink (Active Link) a cor dos links enquanto eles estão pressionados (normalmente vermelha).Ana Aline & Breno
0 comentários:
Postar um comentário