HTML <área> coords Atributo
Ejemplo
Use el atributo coords para especificar las coordenadas de cada área en el mapa de imagen:
<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>
Definición y uso
El coordsatributo especifica las coordenadas de un área en un mapa de imagen.
El coordsatributo se usa junto con el shapeatributo para especificar el tamaño, la forma y la ubicación de un área.
Consejo: Las coordenadas de la esquina superior izquierda de un área son 0,0.
Compatibilidad con navegador
| Attribute | |||||
|---|---|---|---|---|---|
| coords | Yes | Yes | Yes | Yes | Yes |
Sintaxis
<area coords="value">
Valores de atributo
| Value | Description |
|---|---|
| x1,y1,x2,y2 | Specifies the coordinates of the top-left and bottom-right corner of the rectangle (shape="rect") |
| x,y,radius | Specifies the coordinates of the circle center and the radius (shape="circle") |
| x1,y1,x2,y2,..,xn,yn | Specifies the coordinates of the edges of the polygon. If the first and last coordinate pairs are not the same, the browser will add the last coordinate pair to close the polygon (shape="poly") |
❮ Etiqueta HTML <área>