Mapas de imágenes

<MAP> <AREA>

Puede hacer que parte de la imagen sea un enlace a otra página, es decir, puede hacer un mapa sobre la imagen de manera que secciones de la imagen sean enlaces. Las tags usadas para esto son:

• Las tags <map>.....</map> identifican que vamos a crear un mapa de im�genes. Generalmente, lleva asociado el atributo name= al que le sigue entre comillas el nombre del mapa.
• La tag <area> define las �reas que vamos a poder activar en esa imagen. A esta tag le acompa�an los siguientes atributos:
  • shape= Entre comillas estableceremos el tipo de �rea a definir. Puede tratarse de rect (rectangular), poly (poligonal) o circle (circular).
  • Coords= Entre comillas indicaremos los pares de coordenadas de cada punto del �rea a activar. Estas coordenadas las podemos averiguar utilizando un programa de edici�n de im�genes. En las �reas rectangulares deben especificarse las coordenadas de la esquina superior izquierda y las de la esquina inferior derecha. En las poligonales especificaremos las coordenadas de todos los v�rtices del �rea. En las circulares indicaremos las coordenadas del centro del circulo y el valor del radio.
  • Href= Como ya sabe, indica la direcci�n, entre comillas, de la p�gina web a la que accede si pinchamos en un �rea determinada.

Finalmente, debe saber que para que una imagen sea tratada como un mapa, adem�s de el c�digo anteriormente descrito, debe incluir en la tag de imagen correspondiente a la imagen a mapear el atributo usemap="#nombre del mapa".

<IMG SRC="/graficos/bebe1.jpg" WIDTH=140 HEIGHT=210
    BORDER=0 ALT="Un bebé" USEMAP="#bebe1">
<MAP NAME="bebe1">
  <AREA SHAPE=CIRCLE COORDS="60,56,47" 
      HREF="#"  ALT="Cabeza">
  <AREA SHAPE=POLY COORDS="3,182,36,178,
      44,165,60,169,66,184,62,196,
      43,201,35,190,0,193,0,183" 
	  HREF="#"  ALT="Sonajero">
</MAP>