Tutorias

Welcome Guest

Search:


Imagens

por: admin
Total visitas: 243
Palavras: 1254

Você pode obter uma imagem através de uma cópia feita a partir de uma página da Internet, através de CDs ROMs, Scanners, etc. ou pode cria-las a partir de um programa de imagens.

O comando img

 

Esse comando define a posição de uma imagem que aparece no corpo do documento.

<IMG SRC=”URL” WIDTH=”...” HEIGHT=”…” BORDER=”…” ALT=”Texto” VSPACE=”…” HSPACE=”…”>

ALIGN=| “BOTTOM” | “TOP” | “MIDLE”

 

SRC=”URL

É o nome da figura, se estiver no mesmo directório do programa ou seu caminho completo.

ALT=”texto”

Exibe o texto quando o browser não encontra a imagem, ou uma legenda quando o cursor do mouse passa sobre ela mostrando o texto especificado.

ALIGN=”TOP” | “MIDLE” | “BOTTOM”

Especifica o alinhamento da imagem relativamente à linha de texto onde é exibida.

ALIGN=”LEFT” | “RIGHT”

Especifica o alinhamento da imagem relativamente às bordas laterais da janela

WIDTH=”número”| ”número%”

Esse parâmetro especifica a largura de exibição da imagem independentemente do seu tamanho físico. Se a imagem for maior ou menor do que o valor especificado, ela será esticada ou comprimida para caber no espaço especificado. Se for o colocado o sinal de percentagem, ele é relativo à largura da janela.

HEIGHT=”número”

Especifica a altura de exibição da imagem independentemente de seu tamanho físico. Se a imagem for maior ou menor do que o valor especificado.

BORDER=”número”

Especifica em pixels a largura da borda da imagem. O valor zero remove a imagem

 

VSPACE=”número”

Determina em pixels o espaço que deve ser deixado em branco na parte de cima e na parte de baixo da imagem.

HSPACE=”número”

Determina em pixels o espaço que deve ser deixado em branco nas laterais da imagem

 

Com excepção do parâmetro SRC, todos os demais são opcionais. Portanto, para exibir uma imagem chamada foto.gif que esteja no mesmo directório do programa deve ser especificado o seguinte comando:

IMG SRC=”foto.gif”

 

<html>

<head>

<title>Imagens</title>

</head>

<body background="images/backarvore.jpg" text="yellow">

<img src="images/worldmap.jpg" width="200" height="100" alt="Mapa Mundi" align="left" align="midle"> <DIV align="justify">O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa,O Mapa,O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa, O Mapa,  

</div><hr>

<img src="images/Batlow.gif" alt="Morcego" align="right"><DIV align="justify">O Morcego,O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego, O Morcego,O Morcego,O Morcego,O Morcego,O Morcego,O Morcego,O Morcego,O Morcego,

</div>

<Br>

<img src="images/Hlpglobe.gif" width="20" height="20"><b>Usando uma imagem como marcador</b><bR>

Usando imagens como linhas separadoras

<br>

<img src="images/arame.gif" width="120%">

</body>

</html>

Sobre o Autor

Administração


Votação: Not yet rated

Comentários

Nenhum comentário adicionado.

Adicionar comentário

Não tem permissão para inserir comentários. Se fizer Log in, tem a possibilidade de comentar.