El mapeado viene a ser algo parecido a delimitar zonas en una imagen. Cada zona reaccionará de una manera distinta que podremos "programar" mediante HTML. Un ejemplo sería la siguiente imagen, que tiene definidas cuatro zonas. Se trata de una única imagen y los colores son para hacer más "visibles" dichas zonas. Cada una de ellas está delimitada por un rectángulo que empieza en las coordenadas (x,y) y termina en la (x1,y1). La zona azul, abarca desde el pixel 0,0 hasta el 199,99, siendo el primer número el desplazamiento horizontal y el segundo el vertical. La primera coordenada es la de arriba a la izquierda del rectángulo y la segunda la de abajo a la derecha, definiendo la diagonal del rectángulo. Pueden ver un ejemplo en mi blog http://blogeadores.blogspot.com/ ya que no pude poner la imagen de ejemplo en taringa o si alguien sabe como hacerlo que lo escriba por favor Cada cuadrado tiene un link diferente, el código es el siguiente: 
Cada una de ellas se ha definido para que sirvan de enlace a los distintos enlaces como la página de inicio de mi blog, taringa, google, etc. El código responde a la siguiente estructura: 
Como pueden ver, hay que usar la instrucción MAP, definiendo las zonas que vamos a crear y luego añadir a la instrucción IMG, el atributo USEMAP, utilizando el mismo nombre del mapa que previamente hemos creado. Las formas que se pueden definir: RECT (rectángulo): "x1,y1,x2,y2" definiendo la diagonal tal y como se ha explicado POLY (polígono): "x1,y1,x2,y2,x3,y3,..." definiendo cada pareja (x,y) un vértice del polígono. La última pareja de coordenadas se unirá a la primera para cerrar el polígono. CIRCL (círculo): "x,y,radio" siendo x,y el centro del círculo. El origen del sistema de coordenadas siempre estará situado en el extremo superior izquierdo de la imagen. Es posible reemplazar el atributo HREF por NOHREF para una zona neutra de la imagen. Ahora a practicar y a hacer tus propias imagenes con diferentes estilos como mapas, firmas o cualquier cosa que se te pueda imaginar.