Lesson01_08 イメージマップ_基本チュートリアル

1. 画像のハイパーリンク:
形式は次のとおりです:

2. イメージマップとは何ですか?
画像を複数の領域に分割し、各領域が異なる URL アドレスを指すようにします。

3. 画像マップの生成方法
(1) まず画像の各ホットスポット領域の形状、位置座標、URL アドレス情報を定義するこのプロセスを画像ホットスポット マッピングと呼びます。
このプロセスは、 タグを使用して説明します。ここで、name 属性は、このホットスポット マッピングの名前を指定します。
(2) 画像ホットスポット内のマッピングの各領域は、 タグで記述されます。 タグの形式は次のとおりです。 HREF 部分は nohref も使用できます。この領域でのクリックは無効であることを意味します。 (3) 定義後、次のように usemap という名前の属性設定を イメージ タグに追加する必要があります。

例: コードは次のとおりです。以下に続きます:

<マップ名=mymap>

効果は次のとおりです:

形状属性を設定する手順:

rect は長方形の領域を定義し、coords 属性には長方形の左上隅と右下隅の座標が設定されます。各座標値は、記号で区切られます。

poly は多角形の領域を定義し、coords 属性の設定値は多角形の各頂点の座標値です。

cicleは円形の領域を定義しており、coords属性の設定値は円形の座標と半径で、最初の2つは座標、後の1つは半径です。

例: コードは次のとおりです: 効果は次のとおりです: 例: コードは次のとおりです: 効果は次のとおりです: 例: コードは次のとおりです: 効果は次のとおりです: 例:コードは次のとおりです。 効果は次のとおりです。 例: コードは次のとおりです。 効果は次のとおりです。 例: コードは次のとおりです。 : 効果は次のとおりです。 例: コードは次のとおりです。効果は次のとおりです: