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

推薦する

MySQLカーソルの使い方と機能の詳細な説明

[mysqlカーソルの使い方と機能]例:現在、テーブル A、B、C の 3 つのテーブルがあります。...

純粋な CSS ドロップダウン メニュー

成果を達成する実装コードhtml <div id="コンテナ"> &...

Ubuntu 20.04にROS Noeticをインストールする方法

免責事項:プロジェクトでは ROS 環境を使用する必要があるため、これは Ubuntu 20.04 ...

MySQL 結合クエリの原則の知識ポイント

MySQL 結合クエリ1. 基本概念2 つのテーブルの各行をペアで水平に接続して、すべての行の結果を...

Tomcat のパフォーマンス最適化方法の簡単な概要

Tomcat自体の最適化Tomcat メモリ最適化起動時に大きなメモリ ブロックが必要であることを ...

Dockerを使用してブログサイトを素早く構築する方法の詳細な説明

目次1. 準備2. 展開プロセス3. アクセステストHalo は、ブログに慣れている学生に追加のオプ...

シンプルなドラッグ効果を実現するJavaScript

この記事では、簡単なドラッグ効果を実現するためのJavaScriptの具体的なコードを参考までに紹介...

Linux システムによって報告される xfs_vm_releasepage 警告問題に対処する方法

問題の説明最近、いくつかのマシンで、一日のさまざまな時間に次の警告メッセージが表示されました。 3月...

Docker で Tomcat を使用して Web アプリケーションを迅速にデプロイする方法の例

Docker の基本的な操作を学習した後、コンテナにいくつかの基本的なアプリケーションをデプロイして...

vue-admin-template 動的ルーティング実装例

ログインを提供し、ユーザー情報データインターフェースを取得するapi/user.js内 '@...

実行中の Docker コンテナにボリュームを動的に追加する方法

以前、Docker コンテナの起動後にボリュームをマウントできるかどうか尋ねられたことがあります。m...

Alibaba Cloudのセキュリティルール設定の詳細な説明

2日前、ダブル11ショッピングフェスティバルを利用して、Alibaba CloudでECS(サーバー...

アップロード画像コントロールを実現するネイティブ js

この記事の例では、アップロード画像コントロールを実装するためのjsの具体的なコードを参考までに共有し...

Centos7 のインストールと Mysql5.7 の設定

ステップ1: MySQL YUMソースを取得するMySQLの公式サイトにアクセスして、RPMパッケー...

Linuxのファイル権限の詳細な紹介

Linux の優れた点は、マルチユーザー、マルチタスク システムにあります。 Linux では通常、...