左の図はpathディレクトリの中に２つのファイルindex.html、title.gifと３つのディレクトリが存在し、３つのディレクトリはそれぞれcgi-binにcounter.plが、dataにcount.txtが、そしてimageにtitle.gifが存在しています。 フォルダとはファイルの入れ物のことです。

　さて、上の図をご覧いただくとおわかりのように、title.gifという同じ名の画像ファイルが２つあります。しかし、実際にはこの２つの画像は全く別のものです。
　人にたとえたら同姓同名というところです。

　コンピュータの場合、同姓同名のときにクローン（コピー）であることがあります。
  異姓のクローンもありますが（内容は同じで名前が違うファイル）、ここではクローンであろうとなかろうと別のものと考えます。

　この２つのファイルを区別するためにもパスが必要になるのです。
　会社でいえばパスとは所属のことです。
　次からファイルを人、パスを所属として上の図を用いて説明していきます。

　ある会社にpathという部があります。path部に直属で配属されている人が２人おり、それぞれindex.htmlさん、title.gifさんといいます。
　cgi-bin、data、imageの各課には上のように１人ずつの人が配属されています。
　ある日、index.htmlさんからtitle.gifさんに連絡箋が送られました。この手紙は差し出し元である部直属の係員が処理します。原則としてその部課の係員は自課の郵便しか取り扱わないためpath部image課内にもう一人のtitle.gifという人がいるにもかかわらず同じ部直属にいるtitle.gifさんに届けました。これはこれで間違いではありませんでした。
　次の日、index.htmlさんはimage課のtitle.gifさんにも連絡箋を送りました。昨日、直属のtitle.gifさんに送ったから今日は係員が気をきかせてもう１人のtitle.gifさんに届けてくれるものと考え再び課名を書かずに送りました。ところがこの会社はセクショナリズムが強く、係員は上司の承認状により別の課の係員に届けてもらわなければなりません。係員はもう一人のtitle.gifさんの存在には気づいていたものの課名がないので再び部直属のtitle.gifさんに届けました。
　その翌日、index.htmlさんは昨日の係員の誤配を知りimage課のtitle.gifさんに再度、今度は承認状とともに連絡箋を送りました。ところが、遅れていたこともあり、宛名にimage課と書くべきところ誤ってdata課と書いてしまいました。連絡箋はpath部の係員からdata課の係員に手渡されましたがdata課にtitle.gifという社員がいなかったdata課の係員から差し戻されました。
　index.htmlさんは間違いに気づき、その日のうちに再送しましたが、あせっていたためうっかりとimage課のtitole.gifと名前のスペルを間違えてしまいました。結局、係員は上司の承認を受けimage課まで届けながらもimage課の係員が事務的だったため、そのような人はいないとして連絡箋はtitle.gifさんには届けられませんでした。

　では実際にＨＴＭＬにおける記述のしかたを説明しましょう。
　ここではよく使われるであろう<IMAGE>タグで例示しますが、他のタグでも同様です。
　

[カレントディレクトリーの指定］

　先にも説明したように同じ階層ディレクトリにあるファイル間で呼び出し合う場合にはカレントディレクトリであることを特に指定しなくても呼び出すことができます。

　例　<IMG SRC="title.gif">

　カレントディレクトリを明示するときは

　　　<IMG SRC="./title.gif">とします。

　ファイル名の前に./をつけることによりカレントディレクトリ内に存在するファイルを表します。どちらも同じ動作が行われます。
　正確には．がカレントディレクトリを表し/は分離記号です。（詳細は次の項で）

　サーバによっては同じディレクトリにある場合でもカレントディレクトリを明示しないと呼び出せないことがあるので常に記述することをお勧めします。
　

［子ディレクトリの指定］

　子ディレクトリという言葉を使ったかどうかは忘れましたが親ディレクトリという言葉は確かにあったので、ここでは子ディレクトリという言葉で説明します。（言葉はとにかく概念のみ覚えてください）
　先のようにindex.htmlから子ディレクトリ（そのディレクトリ内に含まれる下位のディレクトリ）であるimageディレクトリ内のtitle.gifを呼び出したい場合にはファイル名の前に／記号をつけてディレクトリを記述しなければなりません。パスというのはその道筋を説明するためのものです。

　例　<IMG SRC="image/title.gif">

       特にカレントディレクトリであることを明示するときは

      <IMG SRC="./image/title.gif">とします。

　ファイルとディレクトリの区別は拡張子がついているかどうかでわかりますが、パスの途中にファイル名が入ることはないのでファイル名は一番右側のものです。


　ディレクトリはその構成により、次のように何層にもなることがあります。
　Ｐerlファイルの冒頭に記述するusr/local/bin/perlなどもその一例です。サーバのusrディレクトリの下のlocalディレクトリのさらにその下のbinディレクトリにperl.exeという実行ファイルがありますよと宣言しているのです。拡張子の記述がありませんが、ここではデフォルトとして実行ファイルをあらわしています。プロバイダによってusr/bin/perlだったりするのは単にＰerlプログラムの設置位置が違うというだけのことです。
　また、この場合、ルートディレクトリからの道筋を表しています。ルートディレクトリとはそのデバイス（例えばハードディスク）の最も上の階層部分です。
 　今、可能ならばＷｉｎｄｏｗｓエクスプローラ（ＩＥではなくファイルを閲覧するもの）を開けてください。
　アドレスバーに表示されている「Ｃ：￥×××\×××」がパスです。その際の\記号はＨＴＭＬでの/を表します。右に行くに従いディレクトリの下層になります。（×××はディレクトリ名です。）
　一番左に記述されている「Ｃ：」というのはＣドライブすなわちこの場合はハードディスクを表しています。
　このようにルート（根っこ）からパスを指定するのが絶対指定といいます。この場合、たとえ呼び出し元のファイルの位置を移動しても呼び出し先を移動しない限り同じファイルを表せます。しかし、フォルダごと別の位置に移動した場合、絶対位置が変わるので呼び出せなくなります。
　通常、ＨＴＭＬでファイルを指定する場合には相対パスを使います。
　相対パスとはあるファイルから見てどの位置にあるかということです。いうなれば人の続柄にあたるものです。ａさんの子供ｂさんがｂさんの子供ｃくんからみてお父さんであっても、ａさんから見た場合、子供です。
　つまり、当事者（見る側）から見てどの位置にいるかで指定するのが相対指定なのです。（一方、絶対指定なら初代から初めて本人までのすべての系図により示すことをいいます。）
　上の２つの指定方法「カレントディレクトリの指定」と「子ディレクトリの指定」はともに相対指定です。

さて、再びたとえに戻ります。今度はある課から別の課に連絡箋が送られる場合を考えます。右の図は先の図にpathディレクトリの親ディレクトリであるeigyoディレクトリを加えたものです。 　今度はcgi-bin課のcounter.plさんがdata課のcount.txtさんに連絡箋を送ろうと思っています。 　ところが先にもいったように各課の郵便係は自課内の配達しかできません。

　counter.plさんはdata課count.txtさん宛に連絡箋を出しましたが係員は上司の承認状がないため結局届けられませんでした。そこで、counter.plさんは承認状を持たせ再度配達させました。
　cgi-bin課の郵便係はpath部の郵便係に承認状とともに連絡箋を手渡し、path部の郵便係はdata課のcount.txtさんに連絡箋を届けました。

　なんと事務的なと思うでしょうが、これがコンピュータです。
　つまり呼び出し元と先のディレクトリが違うといちいち場所を教えてやらないとそこへはいかないのです。気をきかすとか規則を破るということは皆無です。ただし、承認状を持たせれば確実に届けられます。この承認状にあたるのが次で説明する親ディレクトリの指定なのです。

　では実際にＨＴＭＬにおける記述のしかたを説明しましょう。
　再度<IMAGE>タグで例示しますが、他のタグでも同様です。

［親ディレクトリ・他のディレクトリの指定］

　例でもあげたようにコンピュータは自分の子ディレクトリ以外のディレクトリについては承認状がなければ届けません。
　したがってその組織上部への承認状を作らなければなりません。この承認状にあたるものが親ディレクトリの指定なのです。

　次のタグがcounter.plからdataディレクトリのcount.txtを呼び出す記述の仕方です。

　例　<IMG SRC="../data/count.txt">

 よく見ないと子ディレクトリの指定とかわらないように見えます。ただ、よく見るとdataディレクトリの前の記号が点１つから点２つになっています。微妙な違いですが../が親ディレクトリへの移動（例でいう承認状）を表しているのです。cgi-binからpathディレクトリに配達をお願いにいったと考えてください。そして、pathディレクトリの位置から子ディレクトリの指定同様、dataディレクトリ、count.txtと進む訳です。図のようにpathディレクトリの上に更にeigyoディレクトリがありその中にjinji.htmlというファイルがある場合、counter.plから呼び出す場合には

　例　<IMG SRC="../../jinji.html">

 と親ディレクトリへの移動を２回繰り返し２階層上のディレクトリに移動した上でそこに存在するjinｊi.htmlというファイルを呼び出す訳です。
　もしeigyoディレクトリの下のkeiriディレクトリのsiwake.txtファイルを指定するなら

　　　<IMG SRC="../../keiri/siwake.html">となるわけです。　

　他にもいろいろと知っておいた方がいいことはありますが、ＨＴＭＬを扱う上ではこれで十分だと思います。簡単ですが以上でパスの説明は終わります。
　もっと詳しく知りたい人はＵＮＩＸやMS-DOSなどの基本書籍や開発言語のマニュアルなどから知識を得てください。（Windowsの利用にもこの知識は必要です。）
　この知識は記述こそ違え、ほとんどのマシンやＯＳ、開発言語で共通の必須知識です。当面は使うことがなくとも確実にマスターしてください。