ファイルの相互関係とは・・・?
ホームページを作るときは、ファイルをフォルダに入れていますよね。
同じフォルダの中同士のリンクなら、そのまんまファイル名を書けば良いのですが、違うフォルダの中同士のリンクは、そのまんまファイル名を書いたのでは、リンクはできません。
どういう意味かというと・・・。

左のようなフォルダとファイルがあったとして考えます。
homepage フォルダの中には books、image の2つのフォルダと index.html と home.jpg の2つのファイル計4つ入っています。さらに books フォルダの中には books.html が、image フォルダの中には cat.png が入っています。
リンクする場合も画像を表示させる場合も同じパスの書き方をします。
例えば今、index.html を作っているとします。home.jpg を表示させたいのなら、そのまま <img src="home.jpg"> とすれば良いですよね。でも、もし cat.png を表示させたいと思っても、 <img src="cat.png"> では表示することができません。同じ homepage フォルダ内にないからです。cat.png は1つ下の階層の image フォルダに入っています。そこで、 <img src="image/cat.png"> と書きます。image/ は、image フォルダの中にあるファイルという意味です。