ハイパーリンクはインターネット全体を接続していると言っても過言ではありません。ハイパーリンクは、別の Web ページ、画像、MP3 曲など、インターネット上のほぼすべてのリソースを指すことができます。 XHTML を使用してハイパーリンクを作成する構文は非常にシンプルで、必要なのは <a></a> タグのペアだけです。 <a href="このハイパーリンクが指す URL">ページに表示されるテキストまたは画像</a> 例えば: <a href="https://www.jb51.net/">123WORDPRESS.COM</a> ブラウザにハイパーリンクとして表示され、クリックすると123WORDPRESS.COM(https://www.jb51.net/)に移動します。効果は以下のとおりです。 123WORDPRESS.COM <a> タグの href 属性は、ハイパーリンクが指すアドレスです。一般的な URL または電子メール アドレスにすることができます。後の練習例では、電子メール アドレスを指すハイパーリンクを作成します。 <a> と </a> の間のコンテンツ (要素) は、Web ページ上でハイパーリンクとして表示されます。 href 属性値が一般的な URL (絶対パス) の場合、「http://」を省略することはできません。省略すると、ブラウザはそれを相対パスとして認識します。絶対パスと相対パスの違いは、この XHTML チュートリアルの範囲外です。わからない場合は、Baidu で関連情報を検索してください。 ページ内でジャンプするためのハイパーリンク(アンカー) 他の Web サイトを閲覧するときに、ページの先頭に戻ったり、現在のページ内の他の場所に戻ったりできるハイパーリンクがいくつかあることに気付いたことがあるかもしれません。以下のリンクにいいね! タイトルに戻ります<br />実装方法は以下の通りです。まずタイトルに以下のコードを追加します。 : <h1>XHTML 初心者ガイド - XHTML ハイパーリンク<a id="biaoti"></a></h1> ハイパーリンク自体のコードは次のとおりです。 <a href="#biaoti">タイトルに戻る</a> ページジャンプを使用すると、ページに大量のコンテンツがある場合でも、ユーザーは必要な情報をすばやく見つけることができます。通常、説明用の Web ページでディレクトリとして使用されます。 リンク演習 次の演習では、前の「index.html」にハイパーリンクを追加します。 「index.html」を開き、コードを次のように変更します。 <html> 中間コードは省略します… <p><a href="mailto:[email protected]">お問い合わせ</a></p><!-- メールアドレスをご自身のメールアドレスに変更する必要があることに注意してください --> <p>Copyright©2005-2006XXX 著作権番号</p> </本文> </html> 保存した後、自分の Web ページを参照して、自分の Web ページがこのページと同じであることを確認します。新しく作成されたリンクをクリックします。Outlook などのメール管理ソフトウェアがインストールされている場合は、自分にメールを送信するためのインターフェイスが開きます。 |
<<: MYSQLの文字セット設定方法(端末の文字セット)の詳しい説明
>>: JavaScriptでフロアナビゲーションエフェクトを作成するプロセスの詳細な説明
導入: springboot プロジェクトを実行する Docker の構成は実は非常にシンプルで、L...
リンクを使用する必要がある場合もありますが、リンクする必要はありません。onclick イベントを処...
Linux サーバー A と B が 2 台あり、一方のサーバーから SSH 経由でパスワードなしで...
この記事の例では、アップロード画像コントロールを実装するためのjsの具体的なコードを参考までに共有し...
Windowsでのインストールの紹介:こちらもご覧ください –》WindowsでのMySQL 8.0...
問題の説明フロントエンドリモート検索やファジークエリと呼ばれる種類のクエリがあります。 Ele.me...
この記事の例では、双方向データバインディングを実現するためのjsの具体的なコードを参考までに共有して...
この記事では、IP入力ボックスを実装するための react+antd.3x の具体的なコードを参考ま...
スタイルシートの最も重要な機能の 1 つは、ページ、画面、電子シンセサイザーなどの複数のメディアに適...
効果プレビューアイデア現在のリストを最後の項目までスクロールし、すぐに最初の項目に戻ります。問題1....
目次序文1. 楽観的ロックバージョンフィールドを追加する2. 悲観的ロック読み取りロック完全なテーブ...
以前のブログでは、Tomcatのサーバーの各コンポーネントの使用について学びました。 Tomcatは...
MySQL 双方向バックアップはマスター-マスター バックアップとも呼ばれ、両方の MySQL サー...
1. MYSQLに接続するフォーマット: mysql -h ホストアドレス -u ユーザー名 -p ...
この記事の例では、スライダー検証を実装するためのjsキャンバスの具体的なコードを参考までに共有してい...