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

HTMLタグ


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"
形状属性に適切な座標を指定して、画像マップの画像の領域を定義します。
ダウンロード
ファイル名
ユーザーがハイパーリンクをクリックしたときにターゲットがダウンロードされるように指定します。
href
URL
リンク先のページのURLまたはアンカーの名前を指定します。
hreflang
language_code
ターゲットURLの言語を指定します。
メディア
メディアクエリ
ターゲットURLが最適化されるメディア/デバイスを指定します。
nohref
true / false
画像マップからエリアを除外します
rel
代替
著者
ブックマーク
ヘルプ
ライセンス

nofollow
noreferrer
プリフェッチ
前へ
探す
鬼ごっこ
現在のドキュメントとターゲットURLの関係を指定します
形状
rect
矩形
循環
サークル
ポリ
ポリゴン
画像マップの形状を指定します
ターゲット
_ blank
_親
_自己
_上
ターゲットURLを開く場所。
_blank-ターゲットURLが新しいウィンドウで開きます
_self-ターゲットURLはクリックされたのと同じフレームで開きます
_parent-ターゲットURLは親フレームセットで開きます
_top-ターゲットURLがウィンドウ全体に表示されます
タイプ
mime_type
ターゲットURLのMIME(Multipurpose Internet Mail Extensions)タイプを指定します。

タグ-

を実装する例を見てみましょう

<!DOCTYPE html>
<html>
<body>
<h2>Learning</h2>
<p>Learn these technologies with ease....</p>
<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>

出力

HTML area タグ


  1. HTML<embed>タグ

    タグは、HTMLドキュメントに外部アプリケーションを含めるために使用されます。 以下は属性です- 高さ: 埋め込まれたコンテンツの高さ(ピクセル単位)です。 src :埋め込む外部ファイルのアドレス、つまりURLを記載します。 タイプ :埋め込まれたコンテンツのメディアタイプを指定するのはメディアタイプです 幅: 埋め込まれたコンテンツの幅(ピクセル単位)です ここで、HTMLにタグを実装する例を見てみましょう- 例 <!DOCTYPE html> <html> <body> <h2>CSS Demonstrating Appl

  2. HTML<dfn>タグ

    HTMLのタグは、HTMLの用語のインスタンスを定義するために使用されます。これは、用語の最初の使用法です。 タグ-を実装する例を見てみましょう。 例 <!DOCTYPE html> <html> <body> <h2>Subjects in MCA</h2> <p><dfn title="Master of Computer Applications">MCA</dfn> is a 3-year post graduate degree course </p> &