######################################################## この説明は、予yen備知識ではないのですが、忘れるといけないので あえてここに記述しています。 ######################################################## 簡単にいうと、画像の中にリンクを埋め込む方法です。 クリッカブルマップとかイメージマップと呼ばれます。 画像の一部分を範囲選択してリンクを貼yenり付ける方法です。 《HTMLの扉》では説明を省きました。 簡単に説明すると、 <img src="画像のファイル名" usemap="#マップの名前"> <map name="マップ名"> <area shape="形" coords="座標" href="リンク"> <area shape="形" coords="座標" href="リンク"> <area shape="形" coords="座標" href="リンク"> </map> という具合で、形にはrect(四角形)、circle(円)、poly(多角形)を指定し、座標にはrectの場合は対角線の両座標、circleの場合は中心の座標と半径、polyの場合は複数の座標を指定します。 具体的な記述サンプルは、次のような感じになります。 <IMG src="image01.gif" border="0" usemap="#map01"> <MAP name="map01"> <AREA shape="rect" coords="10,5,30,25" href="page1.shtm"> <AREA shape="circle" coords="63,20,10" href="page2.shtm"> <AREA shape="default" nohref> </MAP> また、あえてマップを使用しなくても、表yen組みを使用して画像を並べていくという方法で実現するという手もあります。 |
↑ページトップへ page update: |
-skin board- <atom> |