XHTML 入門チュートリアル: XHTML ハイパーリンク

XHTML 入門チュートリアル: XHTML ハイパーリンク
ハイパーリンクはインターネット全体を接続していると言っても過言ではありません。ハイパーリンクは、別の 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&copy;2005-2006XXX 著作権番号</p>
</本文>
</html>
保存した後、自分の Web ページを参照して、自分の Web ページがこのページと同じであることを確認します。新しく作成されたリンクをクリックします。Outlook などのメール管理ソフトウェアがインストールされている場合は、自分にメールを送信するためのインターフェイスが開きます。

<<:  MYSQLの文字セット設定方法(端末の文字セット)の詳しい説明

>>:  JavaScriptでフロアナビゲーションエフェクトを作成するプロセスの詳細な説明

推薦する

Tomcat 初回展開 Web プロジェクト プロセス図

独自のWebプロジェクトをtomcatディレクトリの下のwebappsディレクトリに配置します。 R...

インライン要素スパンの最小高さの定義

span タグは HTML ウェブページを作成するときによく使用されますが、このタグの使い方がよくわ...

MySQL インデックスの原理と最適化の詳細な説明

序文この記事は Meituan の大物によって書かれました。とても素晴らしいので、皆さんと共有したい...

Nginx の add_header ディレクティブに注意する必要があるのはなぜですか?

序文ご存知のとおり、nginx 構成ファイルは add_header ディレクティブを使用して応答ヘ...

JavaScript で長い画像のスクロール効果を実装する

この記事では、JavaScriptの長い画像スクロールの具体的なコードを参考までに共有します。具体的...

ServerManager の起動時にデータベースに接続できないエラーを解決する方法

Servermanager 起動時の接続データベース エラーmgrstart.batを実行しますエラ...

Windows での MySQL 5.7.18 インストール チュートリアル

この記事では、圧縮パッケージから MySQL をインストールする方法について説明します。 1. My...

vue3+ts+EsLint+Prettier 標準コード実装

目次使用EsLintの使用プロフィールを追加するPrettierの使用huskyとlint-stag...

ウェブデザインの発展と西洋建築の類似点は何でしょうか?

歴史は常に驚くほどうまく繰り返される。西洋建築とウェブデザインは、どちらも工学と芸術の組み合わせです...

MySQL データベースのインデックスとトランザクション

目次1. 索引1.1 コンセプト1.2 機能1.3 索引作成の原則1.3.1 ディスクアクセス回数を...

要素のel-tree複数選択ツリー(チェックボックス)親子ノードの関連付けが関連付けられていません

属性チェック-厳密公式ドキュメントでは、チェックボックスが表示されるときに親項目と子項目を互いに関連...

Docker-compose におけるdepends_on 順序問題を解決する方法についての簡単な説明

コンテナをソートするためにdepends_onを使用しても、コンテナ間の依存関係の問題は完全には解決...

Windows 版 MySQL のインストール、起動、基本設定に関する詳細なグラフィック チュートリアル

ダウンロード:ステップ 1: ウェブサイトを開きます (ダウンロードするには公式ウェブサイトにアクセ...

画像のフェードインとフェードアウト効果を実現する js

この記事では、画像のフェードインとフェードアウトを実現するためのjsの具体的なコードを参考までに紹介...

HTMLでカスタムタグを使用する方法

カスタム タグは XML ファイルと HTML ファイルで自由に使用できますが、いくつか注意すべき点...