Mapa de Imagenes

Un mapa de imagen no es mas que un enlace a una pagina mediante una imagen.Las etiquetas que se emplean para la creacion de un mapa de imagenes en html son las siguientes:

<map>.....</map> estas etiquetas son las que permiten englobar el mapa de imagen, es decir la que identifica la creacion del mapa. esta etiqueta emplea un tributo llamado Name (<map name="nombre">), que es un atributo opcional al cual podemos poner entre las comillas el nombre del mapa o de un texto.

<area>. esta etiqueta es la que permite la definicion del area en donde se puede activar esa imagen. está acompañada de los atributos:

<area shape="..."> que es en donde se establece el tipo de area que se va utilizar, puede ser un poligono (poly), un circulo (circle)o un rectangulo(rect).

<area coords="..."> este es en donde se indican el par de coordenadas del area en donde se desea activar el mapa. Debemos tener en cuenta que en las areas que en las areas circulares las coordenadas se indican desde el centro del circulo y el valor del radio; las coordenadas rectangulares de indican desde la esquina superior izquierda y desde la esquina inferior derecha y las coordenadas poligonales se toman todos los vertices del area.

Href (<area shape="..."coords="..." Href="dirección página">)= este atributo me permite indicar la direccion de la pagina web a la cual momento que pulsamos el mapa de imagenes.

usemap="#nombre del mapa":  este atributo se utiliza para que la imagen sea tratada como un mapa de imagenes.

de acuerdo a lo anterior les mostraremos el ejemplo de como se crea un mapa de imagenes: