A maior rede de estudos do Brasil

Grátis
27 pág.
Elementos HTML 23

Pré-visualização | Página 7 de 7

verticalmente. Com rect e circle não há que preocupar-se com 
isso, mas com poly sim. Utilize o Paint do Windows para observar isso: abra uma 
imagem e estacione o ponteiro do mouse sobre algum ponto. Na barra de status você lê 
as coordenadas desse ponto (localização no sentido horizontal e no vertical). Caminhe 
com o mouse para ver esses números aumentarem e diminuirem e confirme nossa 
afirmação. 
 
href 
Como atributo de <area> 
Define o destino de um link de uma área clicável de um mapa de imagens processado no 
cliente. O atributo href em <area> funciona exatamente como em <a>.O valor atribuído 
a href pode ser um nome de um arquivo, um caminho completo do arquivo (path), uma 
URL ou ainda um alvo localizado no interior de uma página. 
Exemplos: 
<area shape="rect" coords="21,16,132,87" href="arq.htm" alt="texto"> 
href define o acesso a uma página no mesmo site e no mesmo diretório. 
<area shape="rect" coords="21,16,132,87" href="artigos/arq.htm" alt="texto"> 
href define o acesso a uma página no mesmo site mas noutro diretório. 
<area shape="rect" coords="21,16,132,87" href="http://www.abc.com.br" alt="texto"> 
href define o acesso a um arquivo em outro site. 
<area shape="rect" coords="21,16,132,87" href="#capitulo 1" alt="texto"> 
href define o acesso a um alvo localizado no interior da mesma página. 
<area shape="rect" coords="21,16,132,87" href="arq.htm#capitulo 1" alt="texto"> 
href define o acesso a um alvo localizado no interior de outra página mas no mesmo 
site. 
Notar que, para acessar um ponto localizado no interior do arquivo, é necessário o 
símbolo #. 
name 
Como atributo de <map> 
Define um nome para um mapa de imagens processado no cliente. 
Você cria um mapa de imagens em duas etapas: 
1. Entre as tags <map> e </map>, você delimita as áreas clicáveis da imagem que 
servirão de links, utilizando a tag <area>. Em <map>, você especifica um nome 
para o mapa através do atributo name. 
2. Com a tag <img> você insere a imagem e, no atributo usemape, especifica o 
mesmo valor atribuído a name. 
Não precisa ser nessa ordem dentro do código. Você pode primeiro inserir a imagem 
depois o mapa, e vice-versa. 
Veja um exemplo completo de criação de um mapa clicável: 
<map name="mapa1"> 
<area shape="rect" coords="21,16,132,87" href="arq.htm"> 
<area shape="circle" coords="226,59,52" href="arq.htm"> 
<area shape="poly" coords="327,16,424,41,413,106,341,77,363,44" href="arq.htm"> 
</map> 
<img src="imagem.gif" width="380" height="72" usemap="#mapa1"> 
usemap 
Como atributo de <img> 
Especifica um nome de um mapa clicável processado no cliente. Este nome tem de ser o 
mesmo que foi definido no atributo name da tag <map>. 
Exemplo: 
<img src="imagem.gif" width="380" height="72" usemap="#mapa1"> 
Note que é obrigatória a colocação do símbolo # antes do nome.