HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLを使用して画像マップの領域を定義するにはどうすればよいですか？

タグを使用して、HTMLの画像マップの領域を定義します。

HTMLのタグは、次の追加属性をサポートします-

属性
値
説明
Alt
テキスト
領域の代替テキストを指定します。
座標
shape ="rect"の場合、coords ="left、top、right、bottom"
shape ="circ"の場合、coords ="centerx、centery、radius"
shape ="poly"の場合、coords ="x1、y1、x2、y2、..、xn、yn"
画像マップの画像の領域を定義するために、shape属性に適切な座標を指定します。
ダウンロード HTMLを使用して画像マップの領域を定義するにはどうすればよいですか？
ファイル名
ユーザーがハイパーリンクをクリックしたときにターゲットがダウンロードされるように指定します。
Href
URL
ページのURLまたはリンク先のアンカーの名前を指定します。
hreflang HTMLを使用して画像マップの領域を定義するにはどうすればよいですか？
language_code
ターゲットURLの言語を指定します。
メディア HTMLを使用して画像マップの領域を定義するにはどうすればよいですか？
メディアクエリ
ターゲットURLが最適化されるメディア/デバイスを指定します。
Nohref
true / false
画像マップからエリアを除外します
rel HTMLを使用して画像マップの領域を定義するにはどうすればよいですか？
代替
著者
ブックマーク
ヘルプ
ライセンス
次
nofollow
noreferrer
プリフェッチ
前へ
探す
鬼ごっこ
現在のドキュメントとターゲットURLの関係を指定します
形状
rect
矩形
循環
サークル
画像マップの形状を指定します

poly
ポリゴン

ターゲット
_ blank
_親
_自己
_上
ターゲットURLを開く場所。
_blank-ターゲットURLが新しいウィンドウで開きます
_self-ターゲットURLはクリックされたのと同じフレームで開きます
_parent-ターゲットURLは親フレームセットで開きます
_top-ターゲットURLがウィンドウ全体に表示されます
タイプ HTMLを使用して画像マップの領域を定義するにはどうすればよいですか？
mime_type
ターゲットURLのMIME（多目的インターネットメール拡張機能）タイプを指定します。
例

次のコードを実行して、タグ-

を実装してみてください。 
<!DOCTYPE html>
<html>
   <head>
      <title>HTML area Tag</title>
   </head>
   <body>
      <img src = /images/usemap.gif alt = "usemap" border = "0" usemap = "#tutorials"/>

      <map name = "tutorials">
         <area shape = "poly" coords = "74,0,113,29,98,72,52,72,38,27"
            href = "/perl/index.htm" alt = "Perl Tutorial" target = "_blank" />

         <area shape = "rect" coords = "22,83,126,125" alt = "HTML Tutorial"
            href = "/html/index.htm" target = "_blank" />

         <area shape = "circle" coords = "73,168,32" alt = "PHP Tutorial"
            href = "/php/index.htm" target = "_blank" />
      </map>
   </body>
</html>

  1. HTML<area>タグ

    HTMLのareaタグは、画像マップに領域を設定するために使用されます。 以下は属性です- 属性 値 説明 alt テキスト 領域の代替テキストを指定します。 座標 shape =rectの場合、coords =left、top、right、bottom shape =circの場合、coords =centerx、centery、radius shape =polyの場合、coords =x1、y1、x2、y2、..、xn、yn 形状属性に適切な座標を指定して、画像マップの画像の領域を定義します。 ダウンロード ファ

  2. HTML<area>ターゲット属性

    要素のtarget属性を使用すると、リンクされたドキュメントを開く場所を設定できます。たとえば、新しいウィンドウ、同じフレーム、親フレームなどです。 以下は構文です- <area target="_blank|_self|_parent|_top| frame"> ここでは、 _blank リンクされたドキュメントを新しいウィンドウまたはタブで開くために使用されます。_selfはクリックされたのと同じフレームでリンクされたドキュメントを開きます。_parentは親フレームでドキュメントを開きます。_topはウィンドウの本体全体でリンクされたドキュメントを開