HTML Web ページのハイパーリンク タグ_HTML/Xhtml_Web ページの作成

HTML Web ページのハイパーリンク タグ学習チュートリアル
リンク タグの属性
リンクは Web ページの最も重要な要素の 1 つであり、Web サイトの魂です。 Web サイトは複数のページで構成されており、各ページはリンクに基づいて相互のナビゲーション関係を決定します。各 Web ページには URL と呼ばれる固有のアドレスがあります (Uniform リソース ロケーター: ユニバーサル リソース識別子)。アドレス バーに http://www.jb51.net と入力し、Enter キーを押します。Script House Web サイトのメイン ページが開きます。ご覧のとおり、ページには複数の列、複数のニュース項目などがあり、上部のさまざまな列はテキスト リンクです。
リンクタグは Web サイトのデザインと制作においてかけがえのない位置を占めていますが、タグは 1 つだけあり、それは タグです。当サイトで紹介しているリンクアプリは全てタグをベースとしています。
リンク タグの属性を以下の表に示します。
属性 説明 href はリンク アドレスを指定します。 name リンク タイトルはリンク プロンプト テキストを指定します。 target リンクのターゲットウィンドウを指定します accesskey link hotkey
パスについて
各ファイルには独自の保存場所とパスがあります。ファイルとリンクされるファイルの間のパスの関係を理解することが、リンクを作成するための基礎となります。 url - Uniform Resource Locator は、各 Web サイトが持つ独立したアドレスを指します。同じ Web サイト内のすべての Web ページは同じアドレスに属しますが、Web ページを作成するときに、各リンクに完全なアドレスを入力することは不可能であり、その必要もありません。現在のドキュメントとサイトのルート ディレクトリ間の相対パス関係を確認するだけで済みます。したがって、リンクは次の 3 つのタイプに分類できます。 絶対パス
(http://www.jb51.net など) 相対パス
(news/default.htm など) ルートパス
/website/news/default.htm など
これら 3 つのアドレス形式を理解する前に、まず他の 2 つの概念、内部リンクと外部リンクを理解する必要があります。
内部リンクと外部リンクはサイト フォルダーを基準としています。リンクがサイト フォルダー内のファイルを指している場合、それは内部リンクです。リンクがサイト フォルダーの外側を指している場合、それは外部リンクと呼ばれます。外部リンクを追加する場合は、以下の絶対アドレスが使用され、内部リンクを追加する場合は、以下のルート ディレクトリの相対アドレスとファイルの相対アドレスが使用されます。
これら 3 種類のリンクを以下に紹介します。

絶対パス

絶対パスは、適応されたプロトコルを含む、ファイルへの完全なパスを提供します。 http、Ftp、rtspなどとして。一般的なものは次のとおりです:

http://www.sohu.com

ftp://202.136。

他の Web サイト上のファイルにリンクする場合は、絶対リンクを使用する必要があります。 相対パス

相対リンクは、Web サイトの内部リンクに最適です。同じディレクトリ内になくても、同じ Web サイト内にある限り、相対リンクは非常に適しています。ファイルの相対アドレスは、内部リンクを記述する理想的な形式です。ファイルがサイト フォルダー内にある限り、相対アドレスを使用してファイル間のリンクを自由に構築できます。この形式のアドレスは、リンクを構築する 2 つのファイル間の相対関係を利用し、サイト フォルダーが配置されているサーバーの場所の影響を受けません。したがって、この形式の記述では、絶対アドレスの同じ部分が省略されます。この利点は、サイト フォルダーが配置されているサーバー アドレスが変更された場合でも、フォルダーのすべての内部リンク (このアドレス フォームが使用されている場合) で問題が発生しないことです。

相対リンクを使用する方法は次のとおりです。同じディレクトリにリンクする場合は、リンクするドキュメントの名前を入力するだけです。 下位ディレクトリのファイルにリンクするには、ディレクトリ名を入力し、「/」を追加してファイル名を入力します。 上位ディレクトリのファイルにリンクする場合は、最初に「.../」を入力し、次にディレクトリ名とファイル名を入力します。 ルート パス

ルート相対アドレスも内部リンクの作成に適していますが、ほとんどの場合、この形式のアドレスはお勧めできません。これは次の状況で使用されます。 サイトが非常に大きく、複数のサーバーでホストされている場合 複数のサイトを 1 つのサーバーに同時に配置する場合

ルートディレクトリの相対アドレスの書き方も非常にシンプルで、まずルートディレクトリを表すスラッシュから始まり、次にフォルダ名、最後にファイル名が書かれます。 。ルートパスは「/」で始まります "開始し、ルート ディレクトリの下のディレクトリ名を指定します。
#p#
内部リンクを作成します
いわゆる内部リンクは、同じ Web サイト内の異なる HTML ページ間のリンク関係を指します。 Web サイトに内部リンクを設定する場合は、ユーザーが必要なコンテンツの HTML ファイルを簡単に見つけられるように、リンクに明確なナビゲーション構造を持たせることを考慮する必要があります。
次に、最初の 8-1.htm ページで、2 つのページ 8-1-1.htm と 8-1-2.htm へのリンクを作成し、それらを 2 つのページに追加します。リンクされた各ページから 8-1.htm ページに戻るリンク。 3 ページのディレクトリ関係は次のとおりです。
8-1.htmと8-1-1.htmはWebサイトのルートディレクトリに、8-1-2.htmはtestディレクトリに格納されています。基本構文 リンクテキスト構文の説明
href 属性でアドレスを指定します。File_name はリンクするファイルのパス、「リンク テキスト」はマウスでクリックされたテキストの内容です。 ファイル例：8-1.htm
タグを介して 2 つのリンクを作成し、それぞれ他の 2 つの HTML ページにリンクします。
01