Los últimos tutoriales de desarrollo web
 

HTML <area> coords Attribute

<HTML <area> etiqueta

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" )

<HTML <area> etiqueta