IMG での UserMap の使用例
|
usemap は <img> タグの属性であり、使用するイメージ マップの名前を指定するために使用されます。 #Map セクションの Map は、<map> タグで定義されたイメージ マップです。その name 属性は Map であり、次のように定義されています。 コードをコピー コードは次のとおりです。<map name="マップ"> <area shape=rect 座標="100,100,200,200" href="test1.html"> <area shape=rect 座標="200,100,300,200" href="test2.html"> ... </マップ> 使用する場合: コードをコピー コードは次のとおりです。<img src="test.gif" usemap="#マップ"> イメージマップは、画像を複数の領域に分割します。異なる領域をクリックすると、異なるページに移動します。 クライアント イメージを作成するには、次のように新しい属性 USEMAP を追加する必要があります。 コードをコピー コードは次のとおりです。<IMG SRC="map_name.gif" USEMAP="#section_name"> USEMAP 属性 (イメージの使用) はブロック スタイルのハイパーリンクを受け入れるため、イメージ定義情報を同じ HTML ファイルに保存できます。 コードをコピー コードは次のとおりです。<IMG src="Images/index-top.jpg" border="0" usemap="#Map" id="IMG1" onclick="return IMG1_onclick()"> <MAP name="マップ"> <AREA 形状="rect" 座標="224,95,307,125" href="default.aspx"> <AREA shape="rect" coords="326,96,407,123" href="Cart.aspx"> <AREA shape="rect" coords="426,96,503,125" href="MemberShip/UserLogin.aspx"> <AREA shape="rect" coords="525,96,609,125" href="Admin/default.aspx"> </MAP> |
<<: WeChat アプレット uniapp は左スワイプによる削除効果を実現します (完全なコード)
>>: Dockerの核となる原則であるCgroupの詳細な説明
推薦する
テキストエリアタグはサイズ変更できず、マウスでドラッグすることもできません
テキストエリアタグのサイズは不変ですコードをコピーコードは次のとおりです。 <textarea...
Docker で nginx の https を設定する方法
https をサポートしていない Web サイトは、ブラウザによって徐々に安全でないとマークされるた...
VUEはタイムライン再生コンポーネントを実装します
この記事の例では、タイムライン再生コンポーネントを実装するためのVUEの具体的なコードを参考までに共...
MySQLユーザーと権限管理の詳細な説明
この記事では、例を使用して MySQL ユーザーと権限の管理について説明します。ご参考までに、詳細は...
MySQLでデータベースのインストールパスを表示する方法
mysql コマンドを使用して、mysql のインストール パスを表示できます。 # 次の 2 つの...
ローカルストレージにブール型の値を保存する際の落とし穴を解決する
LocalStorageはブール値を保存します今日、ブール値データを保存するために localsto...
Dockerは異常なコンテナ操作を排除する
この初心者は、Docker を学び始めたばかりの頃にこのような問題に遭遇しました。記録しておきます。...
js配列の基本的な使い方のまとめ
序文配列は特別な種類のオブジェクトです。 js には実際の配列はなく、オブジェクトを使用して配列をシ...
Windows に Docker をインストールする詳細なチュートリアル
ローカルの MySQL バージョンが比較的低いため、最近 MySQL のバージョンをアップグレードす...
MySQL 5.7.18 のインストール中に MySQL サービスの起動に失敗する問題の解決策
MySQL は非常に強力なリレーショナル データベースです。しかし、初心者の中には、インストールや設...
MySQL の frm ファイルからテーブル構造を復元する 3 つの方法 [推奨]
mysql が正常に実行されている場合、テーブル構造を表示することは難しくありません。しかし、場合...
Apache ストレステストツールのインストールと使用
1. ダウンロードApacheの公式サイトhttp://httpd.apache.org/にアクセス...
Vue3 の動的コンポーネントはどのように機能しますか?
目次1. コンポーネントの登録1.1 グローバル登録1.2 グローバルコンポーネントの登録プロセス1...
MySQL max_allowed_packet 設定
max_allowed_packet は、受け入れるパケットのサイズを設定するために使用される ...
デザイナーはコーディングを学ぶ必要がありますか?
多くの場合、 Web デザインが完成した後でデザイナーの無知が露呈し、批判されることがあります。彼ら...