６２歳パソコン教師の日記 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] に読み替えて下さい。
- <A HREF="H.html">同じフォルダの場合</A>
- <A HREF="I/L.html">１階層下の場合</A>
- <A HREF="I/M/P.html">２階層下の場合</A>
- <A HREF="../D.html">１階層上の場合</A>
- <A HREF="../../B.html">２階層上の場合</A>
- <A HREF="../F/J.html">１階層上の他のフォルダの中の場合</A>
- <A HREF="../F/K/N.html">１階層上の他のフォルダの１階層下のフォルダの中の場合</A>
- <A HREF="../F/K/N.html">１階層上の他のフォルダの２階層下のフォルダの中の場合</A>
