HTMLのタグの使い方を詳しく解説

1、エリアタグ: 画像マップ内のアクションエリアを分割します。このタグを通じて、画像マップ内にアクションエリア(ホットスポットとも呼ばれます)を設定できるため、ユーザーがマウスを指定した場所に移動したときに、アクションエリアを選択して をクリックすると、位置決め用のプリセットページに自動的にリンクされます。
2、 area> タグ: 分割するエリアはイメージ マップのエリア内である必要があるため、03fc64e1e502d5ba947b3a9af06d2d2a タグを使用してエリアを分割する前に、別の HTML タグ dab9f699790ab0922e596ecb9f6677d5 を使用する必要があります。イメージ マップの影響範囲を指定し、指定されたイメージ マップの名前を設定します。

基本的な構文構造は次のとおりです:

<area    
class=type    
id＝Value     
href＝url     
alt＝text     
shape＝area-shape     
coods＝value>

shape と coords: は、ホットスポットの形状とサイズを設定するために使用される 2 つの主要なパラメーターです。その基本的な使用法は次のとおりです。

<area shape="rect" coords="x1, y1,x2,y2" href=url>表示设定热点的形状为矩形，左上角顶点坐标为（X1,y1），右下角顶点坐标为（X2,y2）。
<area shape="circle" coords="x1, y1,r" href=url>表示设定热点的形状为圆形，圆心坐标为（X1,y1），半径为r。
<area shape="poligon" coords="x1, y1,x2,y2 ......" href=url>表示设定热点的形状为多边形，各顶点坐标依次为（X1,y1）、（X2,y2）、（x3,y3） ......。

3d030ebd0af6c4de4f67c08a81411c56 マークはイメージ マップ内のアクションの領域を分割するため、分割するアクションの領域はイメージ マップの領域内にある必要があります。エリアを分割する前に 03fc64e1e502d5ba947b3a9af06d2d2a マークを使用する必要があります。このタグの使用法は非常に簡単です。 a05a1d1249ccc8e4f5c7c03674516c59 ....0843a5c5e53d43ee45e29e3e49bb574f

以下は、これら 2 つのタグの使用法を示す例です:

これは新しい本棚の 写真です。その効果は次のとおりです。書籍「Website Directory」をクリックすると、新しいウィンドウが表示されます。開き、この書籍に関する はじめに と注文 Web ページ (urlall.htm) を表示します。書籍「Web サイト デザイン ガイド」をクリックすると、新しいウィンドウが開き、この書籍に関する

はじめに

と注文 Web ページが表示されます。 book (urlall.htm) siteall.htm); 書籍「Web ページ スキル エンサイクロペディア」をマウスでクリックすると、新しいウィンドウが開き、書籍の紹介と注文 Web ページ (pagejqlall.htm) が表示されます。作成方法: 画像を挿入し、画像の関連パラメータを設定し、e02c4578d3bf355fb50f88bcd5749568 マークを使用して、イメージ マップの効果範囲を設定し、名前を付けます: newbook;

3d030ebd0af6c4de4f67c08a81411c56 を使用して、3 つの本の位置に対応する 3 つの長方形の領域を分割します。そしてリンクパラメータ href を設定します。

1    <img src="image/htmlp3.gif" width="207" height="148" alt="新书架" hspace="10" align="left" usemap="#newbook" border="0">     
2    <map name="newbook">     
3    <area shape="rect" coords="56,69,78,139" href="urlall.htm" target="_blank" alt="这里收集十万多个网址。" title="这里收集十万多个网址。">     
4    <area shape="rect" coords="82,70,103,136" href="siteall.htm" target="_blank" alt="网站设计师的启蒙读本。" title="网站设计师的启蒙读本。">     
5    <area shape="rect" coords="106,68,128,136" href="pageall.htm" target="_blank" alt="网页制作者不可不读的书。" title="网页制作者不可不读的书。">     
6    </map>

この記事で紹介するエフェクトを作成する際に注意すべき点:

a1f02c36ba31691bcfe87b2722de723b タグ内に usemap パラメータと ismap パラメータを設定することを忘れないでください。usemap のパラメータ値は同じである必要があります。 dab9f699790ab0922e596ecb9f6677d5 タグの name パラメータ値として、つまり、「イメージ マップ名」が一貫している必要があります。

同じ「イメージ マップ」内のすべてのホットスポット領域がイメージ マップの範囲内にある必要があります。つまり、すべての 03fc64e1e502d5ba947b3a9af06d2d2a タグは dab9f699790ab0922e596ecb9f6677d5 と 205a5be6c2444442266d3019416bb37a の間になければなりません。

03fc64e1e502d5ba947b3a9af06d2d2a で設定されたアクション エリアの形状と一致する必要があります。形状パラメータを設定し、形状パラメータで設定した四角形のアクションエリアには出現しないようにし、コード内では多角形エリアの頂点の座標が に設定されてしまう現象が発生します。 🎜

以上がHTMLのタグの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。