Exemplo
O uso do shape e coords atributo em um <a> elemento, para criar uma imagem de mapa de:
<object data="planets.gif" alt="Planets"
type="image/gif" usemap="#Map1">
<map name="Map1">
<a href="sun.htm" shape="rect" coords="0,0,82,126">The
Sun</a>
<a href="mercur.htm"shape="circle" coords="90,58,3">Mercury</a>
<a href="venus.htm" shape="circle" coords="124,58,8">Venus</a>
</map>
</object>
Tente você mesmo " Definição e Uso
O <a> coords atributo não é suportado no HTML5.
As coords atributo é usado em conjunto com a shape atributo para especificar o tamanho, a forma ea colocação de um link em um <object> ou <img> elemento.
As coordenadas do canto superior esquerdo são 0,0.
Dica: Para criar uma imagem-mapas que funciona em todos os navegadores, use o <area> elemento!
Suporte a navegadores
| Atributo | |||||
|---|---|---|---|---|---|
| coords | Não suportado | Não suportado | sim | Não suportado | sim |
Sintaxe
<a coords="value">
Os valores dos atributos
| Valor | Descrição |
|---|---|
| x1,y1,x2,y2 | Se a shape atributo é definido como "rect" , especifica as coordenadas do canto superior esquerdo e no canto inferior direito do retângulo |
| x,y,radius | Se a shape atributo é definido como "circle" , especifica as coordenadas do centro do círculo e o raio |
| x1,y1,x2,y2,..,xn,yn | Se a shape atributo é definido como "poly" , ele especifica as coordenadas dos bordos do polígono. Se os primeiros e últimos pares de coordenadas não são as mesmas, o navegador tem de adicionar o último par de coordenadas para fechar o polígono |