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 をインストールする手順 (初心者レベル)

推薦する

dockerでnginxを実行するときにdaemon offが使用される理由についての簡単な説明

とても嬉しいです。この問題に遭遇したとき、私はDockerコンテナのプロセス原理について話さなければ...

int(3)とint(10)の値の範囲はmysqlで同じですか?

目次質問:答え:現実:知識ポイント結論は:要約する質問: MySQLフィールド、unsigned i...

ウェブページの画像の回転を実現するjs

この記事では、Webページの画像の回転を実現するためのjsの具体的なコードを参考までに共有します。具...

MySQL SQL文の特殊処理文のまとめ(必読)

1.テーブル全体を更新します。データ行の列の値が空の場合は、別の列フィールドの値と同じにします。 ...

Centos7 での NFS サービス構築の紹介

目次1. サーバー2. クライアント3. テストサービス1. サーバー1. YUMソースを使用してN...

WeChatアプレットがシンプルな計算機機能を実装

この記事では、WeChatアプレットの計算機機能を実装するための具体的なコードを参考までに紹介します...

CSSアニメーションによるテーブルスクロールカルーセル効果の実装

前回の CSS 回転灯と同じ内容の CSS アニメーションの応用です。これは単なる別のアプリケーショ...

CentOS 8 に htop をインストールする方法のチュートリアル

システムをインタラクティブに監視したい場合は、htop コマンドが最適な選択肢の 1 つです。 ht...

JavaScript JSON.stringify() の使用法の概要

目次1. 使用方法1. 基本的な使い方2. 2番目のパラメータ - フィルター3. 3番目のパラメー...

JavaScript における 3 つの for ループ ステートメントの使用の概要 (for、for...in、for...of)

序文JS に触れるすべての開発者は、必然的に for ループを扱うことになります。結局のところ、fo...

MySQLにデータを素早くインポートする方法

序文:日々の勉強や仕事の中で、データをエクスポートする必要に迫られることがよくあります。たとえば、デ...

MySQL をインストールするときに初期パスワードを忘れた場合のシンプルで効果的な解決策

MySQL をインストールすると初期パスワードが与えられますが、この初期パスワードは大文字と小文字の...

MySQL 接続クエリを本当に学びましたか?

1. 内部結合クエリの概要内部結合は、アプリケーションで非常に一般的な結合操作であり、通常はデフォ...

MySQLデータベースのトランザクションとロックの詳細な分析

目次1. 基本概念酸3.自動コミット4. トランザクション分離レベル5. 同時実行の一貫性の問題6....

JavaScript でモバイル モーダル ボックスの効果を実現

この記事では、モバイルモーダルボックス効果を実現するためのJavaScriptの具体的なコードを参考...