Ejemplo
El uso de la shape y coords atributo en un <a> elemento, para crear una imagen 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>
Inténtalo tú mismo " Definición y Uso
El <a> coords atribuyen no es compatible con HTML5.
Las coords atributo se utiliza junto con la shape de atributo para especificar el tamaño, la forma y la colocación de un enlace en un <object> o <img> elemento.
Las coordenadas de la esquina superior izquierda son 0,0.
Consejo: Para crear imagen-mapas que funciona en todos los navegadores, utilice el <area> elemento!
Soporte para el navegador
| Atributo | |||||
|---|---|---|---|---|---|
| coords | No soportado | No soportado | Sí | No soportado | Sí |
Sintaxis
<a coords="value">
Los valores de atributo
| Valor | Descripción |
|---|---|
| x1,y1,x2,y2 | Si la shape atributo se establece en "rect" , especifica las coordenadas de la esquina superior izquierda y la esquina inferior derecha del rectángulo |
| x,y,radius | Si la shape atributo se establece en "circle" , especifica las coordenadas del centro del círculo y el radio |
| x1,y1,x2,y2,..,xn,yn | Si la shape atributo se establece en "poly" , que especifica las coordenadas de los bordes del polígono. Si los primeros y últimos pares de coordenadas no son los mismos, el navegador debe añadir el último par de coordenadas para cerrar el polígono |