イメージマップ(1枚の画像に複数のリンク map)
<html> <head> <title>イメージマップ</title> </head> <body> <center> <img src="../../sample/img/map1.jpg" border="0" width="500" height="500" usemap="#sample" alt="イメージマップ"> <map name="sample"> <area shape="rect" coords="50,50,250,250" href="../../sample/sample1.html" alt="サンプルページ1へ"> <area shape="circle" coords="400,50,40" href="../../sample/sample2.html" alt="サンプルページ2へ"> <area shape="poly" coords="400,150,50,450,480,450,400,150" href="../../sample/sample.html" alt="サンプルページ3へ"> </map> </center> </body> </html>
〔 実行する 〕