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でフロアナビゲーションエフェクトを作成するプロセスの詳細な説明

推薦する

Vue が DingTalk の出勤カレンダーを実装

この記事では、DingTalkの勤怠カレンダーを実装するためのVueの具体的なコードを参考までに共有...

流れと動的なライン効果を実現する純粋なCSSコード

アイデア:外側のボックスは背景を設定し、内側のボックスは背景の幅と高さを設定し、ボックスを動かすアニ...

MySQL 8.0.12 の詳細なインストールおよびアンインストール チュートリアル

1. MySQL 8.0.12 バージョンのインストール手順。 1. ダウンロードhttps://d...

完全なショッピングカートを実装するためのミニプログラム

ミニプログラムは、参考までに完全なショッピングカート[すべて選択/選択解除して金額を計算/加算と減算...

MySQL はどのようにしてマルチバージョンの同時実行性を実現するのでしょうか?

目次MySQL マルチバージョン同時実行1. マルチバージョン同時実行制御1. 一貫した読み取り2....

MySQL における or、in、union、インデックス最適化の詳細な分析

この記事は、「1 分でインデックス作成スキルを学ぶ」という宿題から生まれました。注文ビジネス テーブ...

DBeaver を MySQL バージョン 8 以降に接続し、起こりうる問題を解決する方法の詳細な説明

データベース MySQL バージョン 8.0.18 DBeaver.exeをダウンロードするダウンロ...

Vue における $router と $route の違いの詳細な説明

通常、vue プロジェクトではルーティングを使用します。vue-router は vue.js の公...

VScode設定のリモートデバッグLinuxプログラムの問題を解決する

VScode リモートデバッグ Linux プログラムの問題について見てみましょう。具体的な内容は以...

JavaScript 配列と非配列オブジェクトのディープ クローンとシャロー クローンの原則の詳細な説明

目次シャロークローニングとディープクローニングとは何ですか? 1. アレイのクローンを作成する1.1...

ウェブサイトにファビコンを追加するためのヒント: URLの前の小さなアイコン

いわゆるファビコンは、Favorites Icon の略で、中国語ではウェブサイトアバターと呼ばれて...

Docker を使用してフロントエンド アプリケーションをデプロイする方法

Dockerはますます普及しています。環境を軽量かつ柔軟に分離し、容量を拡張し、運用保守管理を容易に...

mysql ローカルログインでポート番号を使用してログインできない問題の解決策

最近、Linux を使用してローカルにログインしていたところ、正常にログインできず、次のエラー メッ...

MySQLのどのフィールドがインデックスに適しているかについての簡単な説明

目次1 データベース インデックスを作成するための一般的なルールは次のとおりです。 2. 数千万件の...

MybatisはSQLクエリのインターセプションと変更の詳細を実装します

序文インターセプターの機能の 1 つは、特定のメソッドの呼び出しをインターセプトできることです。イン...