Ejemplo
Una imagen-mapa, se puede hacer clic con áreas:
<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>
Inténtalo tú mismo " Definición y Uso
El coords atributo especifica las coordenadas de un área de una imagen-mapa.
Las coords atributo se utiliza junto con la shape de atributo para especificar el tamaño, la forma y la colocación de un área.
Consejo: Las coordenadas de la esquina superior izquierda de un área son 0,0.
Soporte para el navegador
Atributo | |||||
---|---|---|---|---|---|
coords | Yes | Yes | Yes | Yes | Yes |
Diferencias entre HTML 4.01 y HTML5
NINGUNA.
Sintaxis
<area coords="value">
Los valores de atributo
Valor | Descripción |
---|---|
x1,y1,x2,y2 | Especifica las coordenadas de la izquierda, arriba, derecha, en la esquina inferior del rectángulo (de shape="rect" ) |
x,y,radius | Especifica las coordenadas del centro del círculo y el radio (de shape="circle" ) |
x1,y1,x2,y2,..,xn,yn | Especifica las coordenadas de los bordes del polígono. Si los primeros y últimos pares de coordenadas no son los mismos, el navegador añadir el último par de coordenadas para cerrar el polígono (por shape="poly" ) |