トップ > インターネット > ホームページ作成・素材 > ゼロから始めるHTMLドリル！

【ゼロから始めるHTMLドリル】第７回　5/7

発行日： 2008/6/17

____________________＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿

【ゼロから始めるHTMLドリル】第７回の５

■相対パス、その２■

では今回は少しだけ難しくなります。

「aaフォルダ」にある「aa.html」に「MyHP」にある画像を表示させて見ましょう。

ここで新しくでてくるのが「../（ドットドットスラッシュ）」です。
「../」はフォルダを一つ上に移動するときの命令です。
「道を上に登りましょう！」という目印だと考えてみてください。

山を登っていくイメージを持ってもらえると、わかりやすいかと思います。

では道のりはどうなるでしょうか？
「aaフォルダ」から「MyHP」へは、フォルダ一つ分上がる必要があります。
なので「../」を１個使う必要がありますよね。

ではソースを打って確認してみましょう。

<html>
<head></head>
<body>
<img src="../画像の名前.拡張子" />
</body>
</html>

どうでしょうか？「MyHP」に保存してあった画像が表示されたでしょうか？
イメージとしては山を一歩登ってみたわけですね。