HTML相対パスの親ディレクトリと子ディレクトリの書き方

HTML相対パスの親ディレクトリと子ディレクトリの書き方
親ディレクトリを指定する方法
../ はソース ファイルの親ディレクトリを表し、../../ はソース ファイルの親ディレクトリを表します。
info.html へのパスが c:\Inetpub\wwwroot\sites\blabla\info.html であると仮定します。
index.html へのパスが c:\Inetpub\wwwroot\sites\index.html であると仮定します。
info.html に index.html へのハイパーリンクを追加するコードは次のように記述する必要があります。
<a href = "../index.html">index.html</a>
info.html へのパスが c:\Inetpub\wwwroot\sites\blabla\info.html であると仮定します。
index.html のパスが c:\Inetpub\wwwroot\index.html であると仮定します。
info.html に index.html へのハイパーリンクを追加するコードは次のように記述する必要があります。
<a href="../../../index.html">index.html</a>
info.html へのパスが c:\Inetpub\wwwroot\sites\blabla\info.html であると仮定します。
index.html へのパスが c:\Inetpub\wwwroot\sites\wowstory\index.html であると仮定します。
info.html に index.html へのハイパーリンクを追加するコードは次のように記述する必要があります。
<a href = "../wowstory/index.html">index.html</a>
サブディレクトリがサブディレクトリ内のファイルを参照していることを示すにはどうすればよいでしょうか? サブディレクトリ ファイルのパスを記述するだけです。 info.html へのパスが c:\Inetpub\wwwroot\sites\blabla\info.html であると仮定します。index.html へのパスが c:\Inetpub\wwwroot\sites\blabla\html\index.html であると仮定します。info.html に index.html へのハイパーリンクを追加するコードは、次のように記述する必要があります。<a href = "html/index.html">index.html</a>
info.html へのパスが c:\Inetpub\wwwroot\sites\blabla\info.html であると仮定します。
index.html へのパスが c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html であると仮定します。
info.html に index.html へのハイパーリンクを追加するコードは次のように記述する必要があります。
<a href = "html/tutorials/index.html">index.html</a>

<<:  Docker コンテナのマウントディレクトリ操作の表示

>>:  MySQLテーブルをコピーする方法

推薦する

React で遅延読み込みを使用して最初の画面の読み込み時間を短縮する方法

目次使用インストールルーティングでどのように使用しますか?読み込み速度の比較最近、中間およびバックエ...

React の 10 個のフックの紹介

目次ReactHook とは何ですか? Reactは現在フックを提供している1. 使用状態2.use...

フォーム要素属性の読み取り専用と無効の使用の比較

1) 適用範囲:読み取り専用:input[type="text"],input[...

HTML の基本 - ハイパーリンク スタイルを設定する簡単な例

*** ハイパーリンクのスタイル設定の例a:link クリックされる前のハイパーリンクの状態a:vi...

Nginx設定ファイルの詳細な説明

Nginx の主な設定ファイルは nginx.conf で、グローバル ブロック、イベント ブロック...

Win10 インストール Linux システム チュートリアル ダイアグラム

Windows システムに仮想マシンをインストールするには、 VMware Workstationソ...

WeChatアプレットが計算機機能を実装

WeChatミニプログラムはますます人気が高まっています。多くの大学生が独学で学んでいるのも見てきま...

IDEA の Docker プラグインを介して Springboot プロジェクトを公開する方法の詳細なチュートリアル

1. Dockerfileを書く(1)プロジェクト名を右クリックして新しいテキストファイルを作成し、...

MySQL で重複レコードをクエリして削除する方法の完全なガイド

序文この記事では主に、MySQL で重複レコードをクエリして削除する方法を紹介します。参考と学習のた...

MySQL ストアド プロシージャの原理と使用法の詳細な説明

この記事では、例を使用して、MySQL ストアド プロシージャの原理と使用方法を説明します。ご参考ま...

Macにmysql5.7.18をインストールする詳細な手順

1. ツール今必要なツールは2つあります: MySQLサーバー (mysql-5.7.18)、MyS...

オンライン MYSQL 同期エラーのトラブルシューティング方法の概要 (必読)

序文フェイルオーバーが発生した後、よくある問題は同期エラーです。データベースが小さい場合は、ダンプし...

mysql5.7.14 解凍版インストールグラフィックチュートリアル

MySQL は、コミュニティ エディション (コミュニティ サーバー) とエンタープライズ エディシ...

CSS3 アドバンス LESS で星空アニメーションを実装するサンプルコード

この記事では、星空アニメーションを実現するための高度な CSS3 LESS のサンプルコードを次のよ...

コピー&ペーストはパッケージングの敵です

OO、デザイン パターン、および多くのオブジェクト指向の原則について話す前に、まず 1 つのことを習...