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