ファイルの位置を指定する方法

レイアウト	画像	リンク	ファイル	テーブル	小技

ファイルの位置を指定する方法

～絶対パスと相対パス～
・絶対パス　（他のサイトへのリンクを貼る時に使います）
絶対パスはファイルの場所（ルート）を一番上から記述したもので http://www.●●●.com/●●● のようなものです

・相対パス　（同じサイトへのリンクを貼る時に使います）
相対パスは自分がいる場所(カレント)からファイルの場所を指定するものです
絶対パスは上からそのまま指定すればいいのですが相対パスは少しやり方が違います。

ルート（最初の位置）	ＴフォルダＡ	━ ファイルＸ
	┣ フォルダＢ	ＴファイルＹ
	┗ ファイルＳ	┣ ファイルＺ
		┗ 画像Ｍ

あなたが今ファイルＹを見ているとします。
ファイルＺへリンクを貼りたい時は<a href="ファイルＺ">で問題はありません。
ではあなたが今ファイルＸを見ていてそこに画像Ｍを表示させたいとします。
すると次は<img src="画像Ｍ">となりそうですが表示されません。
それはあなたのファイルＸはフォルダＡに入っているのに対し画像ＭはフォルダＢに入っているからです。
別の階層にあるファイルを指定する場合は相対的にパスを指定します。
これこそが相対パスです。それでは以下で詳しく手順を解説します。

ルート（最初の位置）	ＴフォルダＡ	━ ファイルＸ
	┣ フォルダＢ	ＴファイルＹ
	┗ ファイルＳ	┣ ファイルＺ
		┗ 画像Ｍ

階層が上から下を指定する場合

あなたは今ファイルＳを見ています。
そこからフォルダＢにあるファイルＹへのリンクを貼ろうと思います。
この場合<a href="フォルダＢ/ファイルＹ">でリンクが貼れます。
フォルダＢ/ファイルＹでフォルダＢにあるファイルＹという意味。
更に下の場合は/を入れてもっと下のファイルを指定すればいいだけです。
/　＝　～の中にある　の意味です。

ルート（最初の位置）	ＴフォルダＡ	━ ファイルＸ
	┣ フォルダＢ	ＴファイルＹ
	┗ ファイルＳ	┣ ファイルＺ
		┗ 画像Ｍ

階層が下から上を指定する場合

あなたは今ファイルＸを見ています。
そこからひとつ上の階層にあるファイルＳへのリンクを貼ろうと思います。
この場合は<a href="../ファイルＳ">となります。
ひとつ上の階層へあがりファイルＳを指定という意味。
更に上も同様に../を増やせばいいだけ。
../　＝　ひとつ上へあがり　の意味です。

ルート（最初の位置）	ＴフォルダＡ	━ ファイルＸ
	┣ フォルダＢ	ＴファイルＹ
	┗ ファイルＳ	┣ ファイルＺ
		┗ 画像Ｍ

隣の階層を指定する場合

同じ階層ではなく別フォルダにある隣の階層のファイルを指定しようと思います。
最初につまづいた例を見てみましょう。
ファイルＸを見ていて画像Ｍを表示させてみます。
<a href="../フォルダＢ/画像Ｍ">です。
これは../でひとつ上の階層へ戻りフォルダＢ/画像ＭでフォルダＢの画像Ｍを指定しました。
この組み合わせで自由にパスを指定出来ます。