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

推薦する

CSS のフローティング サンプル コードをクリアする方法

概要この記事のフレームワーク図は次のとおりです。 1. フローティングとは一体何でしょうか? W3s...

Mysqlのprepare前処理の具体的な使用法

目次1. 前処理2. 前処理塗布方法A. 例: B. 実行計画の変更を追跡するための前処理C. スト...

Docker-compose インストール db2 データベース操作

db2 データベースをホストマシンに直接インストールするのは面倒で、ユーザーや権限を巻き込むのも不便...

画像ソーシャルネットワーキングサイトのUIアプリケーションの比較分析(図)

私たちの生活、仕事、勉強において、ソーシャル ネットワークは徐々に将来のインターネット発展のトレンド...

HTML 終了タグの問題と W3C 標準

W3C の原則によれば、XML の各開始タグには対応する終了タグが必要です。つまり、<html...

MySQL SHOW PROCESSLISTはトラブルシューティングの全プロセスを支援します

1. SHOW PROCESSLISTコマンドSHOW PROCESSLIST は実行中のスレッド ...

MYSQL接続ポートが占有され、ファイルパスエラーが発生する問題を解決します

今朝、私は Wampserver を使用してローカルの win7 マシン上に PHP 環境を構築し、...

Linux で TCP 接続の最大数をテストする方法

序文TCP サーバの最大同時接続数に関して、「ポート番号の上限が 65535 であるため、TCP サ...

MySQL パラメータ関連の概念とクエリ変更方法

序文:以前の記事では、特定のパラメータの機能についてよく紹介してきました。しかし、MySQL パラメ...

HTMLシールドの右クリックメニューと左クリック入力機能の例

右クリックメニューを無効にする <body oncontextmenu=self.event....

リフレッシュリダイレクトを実現する HTML ヘッドタグメタ

コードをコピーコードは次のとおりです。 <html> <ヘッド> <m...

Linux で開いているファイルが多すぎる問題を解決する方法

原因は、プロセスが特定の時点でシステム制限を超える数のファイルと通信リンクを開くことです。 システム...

Vue 関数のアンチシェイクとスロットリングの正しい使用方法

序文1. デバウンス: 高頻度イベントがトリガーされた後、関数は n 秒以内に 1 回だけ実行されま...

Docker クロスホストネットワークの実装 (手動)

1. Macvlan の紹介Macvlan が登場する前は、イーサネット カードに複数の IP ア...

mysql における mydumper と mysqldump の比較

いくつかのテーブルまたは単一のデータベースのみをバックアップする場合は、innobackup よりも...