62歳パソコン教師の日記 NO.175 (2000.6.22)


今日の「掲示板」に、[wahine さん] から「ホームページのファイル数が 多くなった場合、フォルダを作り階層化して整理をしたいのですが、タグの 記述はどのようにするのでしょうか?」というご質問が載っていました。

このマガジンの読者の方の中には、ホームページを開設されている人や、 制作中の人がかなりいらっしゃいますので、今日のマガジンの題材にしよう と思います。

下記の階層図の場合、 [G.html] から画像ファイルを用いる場合を例にご 説明します。

【 [A.html] [B.gif] [C-fold] 】--
----
- [D.gif] [E-fold] [F-fold] 】-
---
[G.html] [H.gif] [I-fold] 】 [J.gif] [K-fold] 】
-- -
- [L.gif] [M-fold] 】[N.gif] [O-fold] 】
- --
-- [P.gif] - [Q.gif]

1.[H.gif] を用いる場合 <IMG SRC="H.gif">
2.[L.gif] を用いる場合 <IMG SRC="I/L.gif">
3.[P.gif] を用いる場合 <IMG SRC="I/M/P.gif">
4.[D.gif] を用いる場合 <IMG SRC="../D.gif">
5.[B.gif] を用いる場合 <IMG SRC="../../B.gif">
6.[J.gif] を用いる場合 <IMG SRC="../F/J.gif">
7.[N.gif] を用いる場合 <IMG SRC="../F/K/N.gif">
8.[Q.gif] を用いる場合 <IMG SRC="../F/K/O/Q.gif">


他のページにジャンプするリンクの記述も同じです。[.gif] を [.html] に読み替えて下さい。

  1. <A HREF="H.html">同じフォルダの場合</A>

  2. <A HREF="I/L.html">1階層下の場合</A>

  3. <A HREF="I/M/P.html">2階層下の場合</A>

  4. <A HREF="../D.html">1階層上の場合</A>

  5. <A HREF="../../B.html">2階層上の場合</A>

  6. <A HREF="../F/J.html">1階層上の他のフォルダの中の場合</A>

  7. <A HREF="../F/K/N.html">1階層上の他のフォルダの1階層下のフォルダの中の場合</A>

  8. <A HREF="../F/K/N.html">1階層上の他のフォルダの2階層下のフォルダの中の場合</A>