Crear mapas de imagenes

Sin mucha explicación solo diré  que es para poder tener una única imágen y varios hiperenlaces configurados en distintas partes de dicha imágen.

Un mapa de imagen es una imagen que contiene una o más áreas invisibles llamadas zonas activas. Cada una está asociada a un hipervínculo

El código sería así:

<img src="........." usemap="#mapa1">
<map name="mapa1">
______<area shape="rect">
__________coords="x1,y1,x2,y2"
__________alt="..........."
__________href="........">

El ___ solo es para tabular.
El código solo es representativo, falta rellenar con los valores correctos.

Se agregan tantas áreas rectangulares como sean necesarias. Las áreas también pueden tener otras formas pero la rectangular es la más fácil de comprender y útil para ser usada en "afiches"


Las coordenadas estan compuestas por la combinacion x-y del extremo superior y el extremo inferior. Diagramando asi un rectangulo donde el usuario podra hacer click