前ページで相対パスには道順を記述するという性質上、気をつけなければいけないことがあると書きました。
それが階層です。
ファイルをフォルダでまとめるとそのファイルを開くときにまずフォルダを開きますよね?
それは1つ下の階層に行くと言い換える事もできるのです。
また逆に、開いたフォルダから戻ることを1つ上の階層に行くと言い換える事もできます。
同じ階層にあるファイルをリンクするには「<a href="example.html">同階層のページ</a>」
と、ただファイル名を記述するだけです。
しかしリンク先がフォルダに入っており階層が1つ下になると
「<a href="フォルダ名(本来半角英字)/example.html">1階層下のページ</a>」
と、ファイルの前にフォルダ名を書き、「/」で区切ってからファイル名を記述する必要がでてきます。
また、1つ上の階層の場合はファイル名の前に「../」を記述します。