Se necesita conocer las cordenadas de las diferentes zonas
que se define
A cada zona se asignará un enlace
Se escribe el código HTML para implementar el mapa
Código
A la etiqueta IMG se le pone el modificador USEMAP= "#nombre_del_mapa"
Se inserta en cualquier parte de BODY el código que define el mapa
con la pareja <MAP> ... </MAP< con el modificador
NAME= "nombre_del_mapa"
Para cada zona a definir se usa la etiqueta <AREA>
con el modificador SHAPE= "valor"
donde valor es: "rect", "circle", "poly" o "default" según sea la zona rectangular,
circular, poligonal, o el resto del mapa que no se define como sensitivo
con el modificador COORDS= "lista de números" se definen
las condenadas de los puntos y radios de los círculos
para el rectángulo hay que poner la esquina izquierda superior
y la inferior derecha
para los círculos las cordenadas del centro y el radio
para el polígono se indican las coordenadas de los diferentes vértices
con el modificador HREF= "dirección_a_enlazar"
se indica la dirección a enlazar
Si no se quiere saltar a ningún sitio se sa el modificador booleano NOHREF