<HTML> <HEAD> <TITLE> Mapa de Imagem </TITLE>
</HEAD>
<BODY>
<p>Faça clique sobre uma das áreas:</p>
<!--defina o arquivo de imagem e o mapa de imagem -->
<img src ="rects.gif" usemap ="#rectangulos1" border="0">
<!--crie o mapa com id e nome -->
<!--
linha de comentario ... -->
<map id ="rectangulos1" name="rectangulos1">
<!-- defina cada coordenada de area a a respectiva url -->
<area shape="rect" coords="0,0,56,120"
href="http://www.yahoo.com.br"
alt="Área 1">
<!-- hint
(aparece ao parar o mause -->
<area shape="rect" coords="56,0,248,42"
href="javascript:alert('área 2')"
<!-- chamada javascript -->
alt="Área 2">
</map>
</BODY> </HTML>