HTMLエリアタグの詳しい説明

<area> タグは、イメージマップ内の領域を定義します (注: イメージマップはクリック可能な領域を持つ画像です)。

area 要素は常に <map> タグ内にネストされます。

注: <img> タグの usemap 属性は、<map> 要素の name 属性に関連付けられ、画像とマップの間にリンクを作成します。 <img> の usemap 属性は、<map> の id 属性または name 属性のいずれか (ブラウザーによって決定) を参照できるため、<map> に id 属性と name 属性の両方を追加する必要があります。

プロパティ値:

href : リンクをクリックするとそのエリアに移動します。 alt: 画像が正常に表示できない場合に表示されるメッセージ。

形状と座標:

1. 距離形状: (左上の頂点の座標は (x1, y1)、右下の頂点の座標は (x2, y2))

<area shape="rect" coords="x1,y1,x2,y2" href=url>

2. 円: (中心座標は (X1, y1)、半径は r)

<area shape="circle" coords="x1,y1,r" href=url>

3. 多角形: (各頂点の座標は (x1, y1)、(x2, y2)、(x3, y3)...)

 <area shape="poly" coords="x1,y1,x2,y2 ......" href=url>

要約する

上記は、エディターが導入した html area タグの詳細な説明です。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。エディターがすぐに返信します。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。

<<: 水平スクロールバーを実装する2つの方法の例

>>: クラウドサーバーを使用して CentOS システムに .NET 6.0 をインストールする

レスポンシブウェブデザインを実現するためにIEでCSS3メディアクエリをサポートする

HTMLエリアタグの詳しい説明

レスポンシブウェブデザインを実現するためにIEでCSS3メディアクエリをサポートする

nginxの基礎を学ぶ

アイデアを war パッケージにパッケージ化し、tomcat にデプロイしてアクセスパスの問題 (図とテキスト)

Docker-compose チュートリアルのインストールとクイックスタート

Linux での MySQL 5.6.33 のインストールと設定のチュートリアル

MySQLのグループカウントと範囲集計を実装する2つの方法

MySQLでSQL文がどのように実行されるかの詳細な説明

MySQL データベースで機密データの暗号化と復号化を実装する方法

ウィンドウ内のさまざまな距離/スクロール距離の正確な計算の概要

Docker Compose で利用可能な環境変数の詳細な説明

推薦する

削除、切り捨て、ドロップの違いと選択方法

MySQL ストレージエンジン MyISAM と InnoDB の違いの概要

JSデータ型検出のさまざまな方法の概要

Apache ab同時負荷ストレステストの実装方法

Nginx セッション損失問題の解決策

phpmyadmin を使用して MySQL 権限を設定する方法

phpstudy から Linux への MySQL の移行に関するチュートリアル

JavaScript シングルスレッドと非同期の詳細

Docker を使って LEMP 環境を素早く構築する方法の例

入力タイプとは何を意味し、入力を制限する方法

Bash で山括弧を使用するその他の方法

Lua モジュールを使用して WAF を実装する Nginx の原理の分析

HTMLタグと基本要素の学習のまとめ

Mac で MySQL 8.0.22 のパスワードを取得する方法