左がツリー図で、右図は箱（フォルダ）に入っているイメージで表したもの。
pc_1.htmlを基準に見ていきます。
同じ場所、つまり同じフォルダ内のファイルこれは簡単。
./pc_2.html ･･･「同じ場所にあるpc_2.html」という意味
./は省略することが多いので、単に「pc_2.html」とファイル名だけを書く。
下の階層にある場合./html/color.html ･･･「同じ場所にあるhtmlフォルダ内のcolor.html」という意味
./は省略して、単に「html/color.html」とだけを書く
同じように2つ下のフォルダにあるファイルを指定する場合でも「フォルダ名/フォルダ名/ファイル名」のように記述すればよい（例：「html/cnt/abc.html」）。
3つ下でも、4つ下でも同様です。
上の階層にある場合ややこしいのは上の階層にあるファイルを指定する場合です。この場合、特殊な書き方をする必要があります。
ひとつ上の階層を表す「..」を使う。
../alldata.html
「ひとつ上の階層（フォルダ）にあるalldata.html」という意味
../hana/flower.html
「ひとつ上の階層（フォルダ）内にあるhanaフォルダ内のflower.html」
同じようにして二つ上の階層内のファイルを指定するには、「 ../../ 」のように、../をさらに１つ付け加えます。
../../index.html
「ふたつ上の階層（フォルダ）にあるindex.html」という意味
../../image/list.html
「ふたつ上の階層（フォルダ）内にあるimageフォルダ内のlist.html」
../../image/title/logo/logo_01.gif これも同様です。
三つ以上でも同じこと。この辺については理解しづらいが、慣れることかナ。
2010/12/25