HTMLで異なるフォルダにあるファイルへのリンクの設定方法

HTMLで同じフォルダにないファイルへのリンクを設定する方法

HTMLで別のフォルダにあるファイルへのリンクを設定するには、ファイルの相対パスを使用します。以下に、いくつかの方法とそれぞれのコード例を示します。

1. フォルダ階層を指定してリンクを設定する場合:
   • フォルダが親フォルダの場合: ../ を使用します。
   • フォルダが子フォルダの場合: フォルダ名を指定します。

<a href="../別のフォルダ/ファイル名.html">リンクテキスト</a>

<a href="子フォルダ名/ファイル名.html">リンクテキスト</a>

2. 絶対パスを使用してリンクを設定する場合:
   • ファイルの絶対パスを指定します。

<a href="/別のフォルダ/ファイル名.html">リンクテキスト</a>

3. ルートフォルダからのパスを使用してリンクを設定する場合:
   • ルートフォルダからのディレクトリパスを指定します。

<a href="/ルートフォルダ/別のフォルダ/ファイル名.html">リンクテキスト</a>

これらの方法を使って、異なるフォルダにあるファイルへのリンクを設定することができます。適切な方法は、ファイルの配置によって異なる場合がありますので、状況に応じて使い分けてください。