ミラクルタウン

コピペするだけで簡単にホームページが作れます。
初心者の方でも簡単HP!
ホームページ作成コピペで作るHP

パスの指定パスの指定

htmを記述するページと呼び出したいファイルが別のフォルダにあるときは パスを指定します。

解説解説

img相対パス

例えば、借りているサーバーのフォルダが
こんな感じになっていたとします。 パス

《www》のフォルダの中には
index.htmと《top》というフォルダが入っています。
《top》のフォルダの中にはhome.htmと《aaa》
《aaa》の中にはlink.htmが入っています。

このような入れ子状態になっていることを階層構造と呼びます。

《www》は一番上の階層のフォルダで、
《aaa》は一番下の階層のフォルダになります。

一つ階層が上のフォルダにあるファイルを呼び出したいときは
呼び出すファイル名の前に../をつけます。

例えば、
link.htmにリンクコードを設置してリンク先をhome.htmにしたいときは
<a href="../home.htm" >index</a> とします。

呼び出すファイルの階層が一つ上がるごとに../が一つ増えます。

例えば、
link.htmにリンクコードを設置してリンク先をindex.htmするときは
<a href="../../index.htm" >index</a> なります。

では、今度は逆に階層の低いファイルを呼び出す方法をみてみましょう。

階層が低いファイルを呼び出すときは
呼び出すファイル名の前に/そのファイルが入ってるフォルダ名 を付けます。

例えば、
home.htmにphoto.pngを表示したいときは
<img src="aaa/photo.png" alt="写真"> となります。

index.htmにphoto.pngを表示したいときは
<img src="top/aaa/photo.png" alt="写真"> となります。