Naviguez dans le site :

Europe | Océanie | Afrique | Amérique | Asie



LE CODE UTILISE DANS CET EXEMPLE
<object data="images/Le monde.jpg" 
  usemap="#lemonde"  
  type="image/jpeg" 
  shapes 
  width="800" height="600">
</object>
<p>Naviguez dans le site :
<map name="lemonde"> <a href="#europe" shape="circle" coords="405,105,70">Europe |
<a href="#oceanie" shape="circle" coords="680,380,120">Océanie |
<a href="#afrique" shape="rect" coords="325,175,505,430">Afrique |
<a href="#amerique" shape="polygon" coords="250,0,120,40,55,110,55,110,120,180, 230,520,280,500,320,310,250,200,300,100">Amérique |
<a href="#asie" shape="polygon" coords="450,30,510,180,540,270,550,280, 630,260,695,237,710,70,657,20,550,0">Asie
</map>



Vous avez cliqué sur l'Europe !
<area shape="circle" coords="405,105,70" href="#europe">



Vous avez cliqué sur l'Océanie !
<area shape="circle" coords="680,380,120" href="#oceanie">



Vous avez cliqué sur l'Afrique !
<area shape="rect" coords="325,175,505,430" href="#afrique">



Vous avez cliqué sur l'Amérique !
<area shape="polygon"
coords="250,0,120,40,55,110,55,110,120,180,230,520,280,500,320,310,250,200,300,100"
href="#amerique">



Vous avez cliqué sur l'Asie !
<area shape="polygon"
coords="450,30,510,180,540,270,550,280,630,260,695,237,710,70,657,20,550,0"
href="#asie">