連合大学院（農学部）おのでらさんから電子メールで教えてもらった、相対パスの書き方です。
同一のサーバ上にあるファイルを指定する場合に，有効なのが「相対パス」です。
******************************************************* B:\ (index.htm) | +--- hongkong (index.htm) | +--- hongkong1 (index.htm*, index2.htm) | | | +--- image (hongkong1.gif) | +--- hongkong2 (index.htm) B:\ に index.htm という HTM ファイル， フォルダ hongkong，hongkong1，hongkong2 それぞれに index.htm という HTM ファイル， フォルダ hongkong1 には，index2.htm という HTM ファイル，そして image というフォルダがあり， そこには hongkong1.gif という画像ファイルがあるとします。 ******************************************************* さて，* の B:\hongkong\hongkong1\index.htm。 これが /hongkong/hongkong1/index.htm に相当するというのは，既に知っています。 (以下、サーバ名は省略) この * の HTM ファイルにおいて，以下の４つのことを実現してみます (忘れないで下さい。ここでは * の HTML ファイルを基準にしています)。 1) B:\index.htm へのリンク 2) B:\hongkong\index.htm へのリンク 3) B:\hongkong\hongkong1\index2.htm へのリンク 4) B:\hongkong\hongkong2\index.htm へのリンク 5) B:\hongkong\hongkong1\image\hongkong1.gif 画像へのリンク まず 1)。 絶対パスで書くと， <Ａ ＨＲＥＦ="/index.htm">*** ~ 相対パスで書くと， <Ａ ＨＲＥＦ="../../index.htm">*** ~~~~~~ 次 2)。 絶対パスで書くと， <Ａ ＨＲＥＦ="/hongkong/index.htm">*** ~~~~~~~~~~ 相対パスで書くと， <Ａ ＨＲＥＦ="../index.htm">*** ~~~ 次 3)。 絶対パスで書くと， <Ａ ＨＲＥＦ="/hongkong/hongkong1/index2.htm">*** ~~~~~~~~~~~~~~~~~~~~ 相対パスで書くと， <Ａ ＨＲＥＦ="./index2.htm">*** ~~ 次 4)。 絶対パスで書くと， <Ａ ＨＲＥＦ="/hongkong/hongkong2/index.htm">*** ~~~~~~~~~~~~~~~~~~~~ 相対パスで書くと， <Ａ ＨＲＥＦ="./hongkong2/index.htm">*** ~~~~~~~~~~~~ 最後 5)。 絶対パスで書くと， <ＩＭＧ ＳＲＣ="/hongkong/hongkong1/image/hongkong1.gif"> ~~~~~~~~~~~~~~~~~~~~~~~~~~~ 相対パスで書くと， <Ａ ＨＲＥＦ="./image/hongkong1.gif">*** ~~~~~~~~ 繰り返しますが，ここでは * の HTML ファイルを基準にしています。 すなわち， 基準としているファイルのあるフォルダをカレントフォルダとするならば， 階層が１つ「上」のフォルダは .. (←コンマ２つ)， カレントフォルダと同一階層ならば . (←コンマ１つ) と表します。 したがって，２階層上のフォルダは， ../../ と表され、 5) のように１階層下にある image というフォルダの場合は カレントフォルダの下の image フォルダということで ./image/ と表されます。 なお，カレントフォルダを示す ./ は省略できます。