Ayuda HTML

Hola ando haciendo una web en HTML y me gustaria saber el codigo HTML de esto:

 

Quiero que al pinchar en una coordenada  de una imagen me direccione a otra página ¿Cómo lo hago?

 

PD: Tengo entendido este codigo pero no se como encontrar las coordenadas en una imagen:

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


Anuncios Google

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.
Imagen de ktix007

No entiendo muy bien la pregunta pero

aqui tienes un muy buen tutorial sobre eso: http://www.librosweb.es/xhtml/capitulo6/mapas_de_imagen.html

Opciones de visualización de comentarios

Seleccione la forma que prefiera para mostrar los comentarios y haga clic en «Guardar las opciones» para activar los cambios.