img usemap 属性 中国地図リンク
|
HTML img タグ: Web ページに導入される画像を定義します。興味深い usemap 属性もあります。 51dituのホームページを見ると、真ん中に中国の地図がある地図があります。右クリックしてダウンロードすると、普通の画像であることがわかります。 しかし、地図上の州をクリックすると、さまざまなイベントがトリガーされる（またはさまざまなリンクが開く）ので、非常に興味深いです。 usemap属性が使用されていることがわかります。 もちろん、マップ タグを定義する必要があります。コード全体は次のようになります。  ヒント: 実行前にコードの一部を変更することができます マップ タグ内のエリア タグのいくつかの属性の意味については、http://www.w3school.com.cn/tags/tag_area.asp を参照してください。 ここでも、エリアの形状属性に注目してください。オプションは、長方形、円、多角形です。 coords 属性には特に注意してください。この属性は shape と組み合わせて使用する必要があります。画像の左上隅の座標は「0,0」です。 |
<<: dockerにmysqlをインストールした後にNavicatが接続できない問題に対する完璧な解決策
推薦する
aタグのhref属性とonclickイベントの比較
まず、href 属性と onclick イベントの実行順序について説明します。マウスが a タグをク...
DockerコンテナのIPアドレスを取得する方法の詳細な説明
1.コンテナに入った後 /etc/hosts を cat するコンテナ自体の IP アドレスと (-...
HTMLでカメラを読み込む方法
効果図: 全体的な効果: ビデオ読み込み中: 写真：ステップ1: HTML要素を作成するまず、HTM...
CSS における px、em、rem、pt の特徴、違い、変換について詳しく説明します。
コンセプト紹介： 1. px (ピクセル):仮想的な長さの単位で、コンピュータ システムのデジタル画...
nginx を介してローカルでリバースプロキシを構成するプロセス全体
序文Nginx は、イベント駆動型の非同期非ブロッキング処理フレームワークを使用する軽量 HTTP ...
スーパーバイザーウォッチドッグの使い方を3分で学ぶ
ソフトウェアとハードウェア環境centos7.6.1810 64ビット cat /etc/red...
mysql8 共通テーブル式 CTE 使用例の分析
この記事では、例を使用して、MySQL 8 の共通テーブル式 (CTE) の使用方法を説明します。ご...
MYSQL パフォーマンス アナライザー EXPLAIN 使用例分析
この記事では、例を使用して MYSQL パフォーマンス アナライザー EXPLAIN の使用方法を説...
ウェブのさまざまなフロントエンド印刷方法: CSS はウェブページの印刷スタイルを制御します
CSS は Web ページの印刷スタイルを制御します。 CSS を使用して印刷スタイルを制御します。...
Idea で Tomcat のソースコードデバッグを開始し、デバッグのために Tomcat に入る方法
idea 開発ツールを使用してコードをデバッグする場合、Java Web プロジェクトで、Web コ...
CSS3のtext-fill-colorプロパティの詳細な説明
text-fill-color とは何を意味しますか?文字通りの意味から言えば、「テキストの塗りつぶ...
純粋なHTML+CSSでタイピング効果を実現
この記事は主に、一定の参考値を持つ純粋な HTML + CSS によって実現されるタイピング効果を紹...
Docker を使用して ELK ログ システムを構築する例
以下のインストールではすべて、インストール ルート ディレクトリとして ~/ ディレクトリが使用され...
Docker プルタイムアウトの解決策
最近、Docker イメージのプルが非常に不安定です。遅く、タイムアウトすることがよくあります。 x...
JS配列メソッドの詳細な説明
目次1. 元の配列が変更されます1. プッシュ(): 2.ポップ(): 3. シフト(): 4.un...