HTML ウェブページハイパーリンクタグ

HTML ウェブページハイパーリンクタグ href はリンク アドレスを指定します。name はリンクに名前を付けます。title はリンクのヒント テキストを指定します。target はリンクのターゲット ウィンドウを指定します。accesskey リンク ホットキー。パスについてすべてのファイルには独自の保存場所とパスがあります。ファイルとリンクされるファイル間のパス関係を理解することが、リンクを作成するための基礎となります。 URL (Uniform Resource Locator) は、各 Web サイトが持つ独立したアドレスを指します。同じ Web サイトの下にあるすべての Web ページは同じアドレスに属しますが、Web ページを作成するときに、各リンクの完全なアドレスを入力することは不可能であり、また必要もありません。現在のドキュメントとサイトのルート ディレクトリ間の相対パス関係を決定する必要があります。したがって、リンクは次の3種類に分けられます。https://www.jb51.netなどの絶対パス、news/default.htmなどの相対パス、/website/news/default.htmなどのルートパス
これら 3 つのアドレス形式を理解する前に、まず他の 2 つの概念、内部リンクと外部リンクを理解する必要があります。内部リンクと外部リンクはどちらもサイト フォルダーを基準としています。リンクがサイト フォルダー内のファイルを指している場合、それは内部リンクです。リンクがサイト フォルダーの外部を指している場合は、外部リンクと呼ばれます。外部リンクを追加する場合は、以下に説明する絶対アドレスが使用されます。内部リンクを追加する場合は、以下に説明するルートディレクトリ相対アドレスとファイル相対アドレスが使用されます。
リンクには次の 3 種類があります。
    絶対パス 絶対パスは、http、Ftp、rtsp などの適用可能なプロトコルを含むファイルの完全なパスを提供します。最も一般的なものは次のとおりです。
    http://www.sohu.com
    ftp://202.136.254.1
    他の Web サイト上のファイルにリンクする場合は、絶対リンクを使用する必要があります。 相対パス 相対リンクは、Web サイト内の内部リンクに最適です。同じ Web サイトの下にある限り、同じディレクトリになくても相対リンクは非常に適しています。ファイル相対 URL は内部リンクの理想的な形式です。相対 URL は、サイト フォルダー内にある限り、ファイル間のリンクを構築するために自由に使用できます。このアドレス形式は、リンクを構成する 2 つのファイル間の相対関係を使用し、サイト フォルダーのサーバーの場所の影響を受けません。したがって、この書き方では絶対アドレスの同一部分は省略されます。これを行う利点は、サイト フォルダーのサーバー アドレスが変更されても、フォルダーのすべての内部リンク (このアドレス形式が使用されている場合) に問題が発生しないことです。
    相対リンクの使用方法は次のとおりです。リンクが同じディレクトリへのものである場合は、リンクするドキュメントの名前を入力するだけです。 次のレベルのディレクトリ内のファイルにリンクするには、まずディレクトリ名を入力し、次に「/」を追加してファイル名を入力します。 上位ディレクトリのファイルにリンクしたい場合は、最初に「…/」と入力し、その後にディレクトリ名とファイル名を入力します。 ルート パス ルート ディレクトリ相対アドレスも内部リンクの作成に適していますが、ほとんどの場合、このアドレス形式を使用することはお勧めしません。これは、次のような場合に使用されます。サイトが非常に大きく、複数のサーバーに配置されている場合、複数のサイトが同時に1つのサーバーに配置されている場合

ルート ディレクトリ相対アドレスの記述形式も非常にシンプルです。ルート ディレクトリを表すスラッシュで始まり、その後にフォルダー名、最後にファイル名が続きます。ルート パスは「/」で始まり、その後にルート ディレクトリの下のディレクトリ名が続きます。
前のページ1 2 3 4 5 6 7 8 次のページ 全文を読む

HTML ウェブ ページのハイパーリンク タグの学習チュートリアル リンク タグの属性 リンクは、ウェブ ページで最も重要な要素の 1 つであり、ウェブサイトの魂です。ウェブサイトは複数のページで構成されており、ページ間のナビゲーション関係はリンクによって決まります。すべての Web ページには固有のアドレスがあり、英語では URL (Uniform Resource Locator) と呼ばれます。アドレスバーに https://www.jb51.net と入力し、Enter キーを押すと、123WORDPRESS.COM Web サイトのメイン ページが開きます。ご覧のとおり、ページには複数の列、複数のニュース項目などがあり、上部のさまざまな列はテキストリンクになっています。
リンクタグはWebサイトのデザインや制作において欠かせない位置を占めていますが、タグは<a>タグの1つだけです。このサイトで紹介しているリンクアプリケーションはすべて<a>タグをベースにしています。
リンクタグのプロパティは次の表のとおりです。
財産説明する

<<:  Dockerコンテナでの静的ウェブサイトレイアウトの実装

>>:  Centos7 に MySQL 8.0.23 をインストールする手順 (初心者レベル)

推薦する

React イベントバインディングの詳細

目次クラスコンポーネントイベントバインディング関数コンポーネントイベントバインディング要約するRea...

VUE ユニアプリの条件付きコーディングとページレイアウトに関する簡単な説明

目次条件付きコンパイルページレイアウト要約する条件付きコンパイル条件付きコンパイルでは、特別なコメン...

MySQL 8.0.20 winx64 のインストールと設定方法のグラフィックチュートリアル

この記事では、MySQL 8.0.20 winx64 のインストールと設定方法を次のように説明します...

Tomcatのクラスロードメカニズムを説明する記事

目次- 序文 - - JVM クラスローダー - 1. JVMクラスローダー2. クラスローダーのソ...

MySQL 8.0 アップグレード体験

目次序文1. まず、既存のバージョンの MySQL を完全にアンインストールします。 2. deb ...

XHTML CSS ウェブサイトデザインの利点と問題点

XHTML は現在国際的に推奨されている標準的な Web サイト設計言語です。Webjx.com も...

Reactの原理の説明

目次1. setState() の説明1.1 データの更新1.2 推奨構文1.3 2番目のパラメータ...

フォームタグの Enctype 属性とその応用例の紹介

Enctype : ブラウザがデータをサーバーに送り返すときに使用するエンコーディングのタイプを指定...

1時間で学ぶMySQLの基礎

目次MySQL を使い始めるMySQL 管理6. MySQL サーバーを起動および停止します。 7....

CSS3に基づいてiPhoneを描く

結果:実装コードhtml <div class='iphone'> &l...

MySQL データベースを手動および自動でバックアップする 8 つの方法

MySQL は人気のオープンソースデータベース管理システムとして多くのユーザーが利用しています。デー...

フロートとBFCをクリアするCSSメソッド

イギリスBFC: ブロック書式設定コンテキストBFCレイアウトルール内箱は縦方向に次々に配置されます...

vue3.0プロジェクトアーキテクチャを段階的に構築する方法を教えます

目次序文: 1. vue-cliでプロジェクトを作成する2. ルーターをインストールする3. ディレ...

MySQLで重複行を削除する方法

SQL文 /* MySQL で重複行を削除するいくつかの方法 ---Chu Minfei ---20...

XHTML 1.0 リファレンス

機能別に並べ替えNN: このタグをサポートする Netscape の以前のバージョンを示しますIE:...