Elementos HTML 23
27 pág.

Elementos HTML 23


DisciplinaAnálise Textual9.502 materiais293.882 seguidores
Pré-visualização7 páginas
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=&quot;rect&quot; coords=&quot;21,16,132,87&quot; href=&quot;arq.htm&quot; alt=&quot;texto&quot;> 
href define o acesso a uma página no mesmo site e no mesmo diretório. 
<area shape=&quot;rect&quot; coords=&quot;21,16,132,87&quot; href=&quot;artigos/arq.htm&quot; alt=&quot;texto&quot;> 
href define o acesso a uma página no mesmo site mas noutro diretório. 
<area shape=&quot;rect&quot; coords=&quot;21,16,132,87&quot; href=&quot;http://www.abc.com.br&quot; alt=&quot;texto&quot;> 
href define o acesso a um arquivo em outro site. 
<area shape=&quot;rect&quot; coords=&quot;21,16,132,87&quot; href=&quot;#capitulo 1&quot; alt=&quot;texto&quot;> 
href define o acesso a um alvo localizado no interior da mesma página. 
<area shape=&quot;rect&quot; coords=&quot;21,16,132,87&quot; href=&quot;arq.htm#capitulo 1&quot; alt=&quot;texto&quot;> 
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=&quot;mapa1&quot;> 
<area shape=&quot;rect&quot; coords=&quot;21,16,132,87&quot; href=&quot;arq.htm&quot;> 
<area shape=&quot;circle&quot; coords=&quot;226,59,52&quot; href=&quot;arq.htm&quot;> 
<area shape=&quot;poly&quot; coords=&quot;327,16,424,41,413,106,341,77,363,44&quot; href=&quot;arq.htm&quot;> 
</map> 
<img src=&quot;imagem.gif&quot; width=&quot;380&quot; height=&quot;72&quot; usemap=&quot;#mapa1&quot;> 
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=&quot;imagem.gif&quot; width=&quot;380&quot; height=&quot;72&quot; usemap=&quot;#mapa1&quot;> 
Note que é obrigatória a colocação do símbolo # antes do nome.