Exemplo
Uma imagem-mapa, com áreas clicáveis:
<img src ="planets.gif"
width="145" height="126"
alt="Planets"
usemap="#planetmap">
<map
name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">
</map>
Tente você mesmo " Definição e Uso
O coords atributo especifica as coordenadas de uma área de uma imagem-mapa.
As coords atributo é usado em conjunto com a shape atributo para especificar o tamanho, a forma ea colocação de uma área.
Dica: As coordenadas do canto superior esquerdo de uma área são 0,0.
Suporte a navegadores
| Atributo | |||||
|---|---|---|---|---|---|
| coords | Yes | Yes | Yes | Yes | Yes |
Diferenças entre HTML 4.01 e HTML5
NENHUM.
Sintaxe
<area coords="value">
Os valores dos atributos
| Valor | Descrição |
|---|---|
| x1,y1,x2,y2 | Especifica as coordenadas da esquerda, superior, direita, canto inferior do retângulo (por shape="rect" ) |
| x,y,radius | Especifica as coordenadas do centro do círculo e o raio (por shape="circle" ) |
| x1,y1,x2,y2,..,xn,yn | Especifica as coordenadas dos bordos do polígono. Se os primeiros e últimos pares de coordenadas não são as mesmas, o navegador irá adicionar o último par de coordenadas para fechar o polígono (por shape="poly" ) |