回答編集履歴

  相対パスがうまくいかないのは、「相対パスとは、ある場所を起点にした指定方法である」ことを理解しきれてないのだと思います。「起点がどこであるかを意識することが重要である」ことが分かっていると「絶対パスで指定するとOKだが、相対パスで指定するとNG」というのは「起点の場所を誤解している」ことが明らかです（あるいはタイプミス）。

 

  起点の場所は、HTMLの場合は簡単で「相対パスが記述されているHTMLファイルのあるディレクトリ」が起点です(※)。

 

  ※：厳密に言うと変更可能ですが、説明略。