O código para se colocar uma imagem é:
< IMG SRC="localização da imagem" > Esta é a imagem a ser mapeadaApós pode-se utilizar o programa para edição de mapas Mapedit.
Opções do Mapedit:
1)Para criar/editar mapas: File -> Open/Create
2)Carrega o código em HTML que contém a imagem a ser mapeada/editada: Map or HTML File: -> Browse
3)Ao abrir o código em HTML, aparecerá uma listagem das imagens contidas nele, bastando somente selecionar a imagem que se deseja mapear.
4)Novas opções serão visiveis neste momento, opções que permitem definir a região a ser mapeada, como Tools -> Polygon, Circle, Rectangle, Test+Edit, Move, Add Points e Remove Points.
Para definir um circulo basta a coordenada do ponto central e o raio. Para definir um retângulo bastam as coordenadas dos pontos diametralmente opostos. Para definir um polígono há que specificar as coordenadas de cada ponto que o forma. À cada área definida corresponderá um URL
5)Cabe agora ao usuário definir a(s) região(ões) a ser(em) criadas, especificando após a criação uma atitude a ser tomada, ou seja, quando aparecer:
->URL for clicks on this object: Permite especificar uma ação a ser tomada quando for clicada a região definida. Por exemplo:
http://penta.ufrgs.br -> irá criar um link para a página acima. mailto:liane@penta.ufrgs.br -> irá abrir a janela de e-mail para o endereço acima especificado. ...
->Alternate text: Permite especificar o texto que será mostrado ao se passar em cima da região definida (em novas versões de browsers) ou caso a opção de visualizar imagem esteja desabilitado, será mostrado somente este texto definido.
->File -> Save/Save As Salva o que foi criado/editado em formato HTML.