HTMLタグ言語で何ができるか(08)
ホームページビルダーを使って、上級のリンクを貼る(2)
(1)リンクツリーを作る
0001 001 01 L01
K01ndx
J001ndx
I0001ndx
link_kihon 0002 002 02 H01
G02ndx
F002ndx
E0002ndx
0003 003 03 D01
C03ndx
B003ndx
A0003ndx
btn Mindex
Nhome
Ohanabi02
Photaru
@index

フォルダ ファイル イメージ
参考資料(1)
 参考資料(1)は、「link_kihon」の概略のリンクツリーです。

(2)FのボタンからJのボタンに上り・下りのリンクを貼ります
写真(1)
 写真(1)は、 F002ndx から J001ndx にリンクしました

(3)ソース(設計)画面で確認する
<P>
<A href="../../0001/001/001ndx.htm"><IMG src="48back.gif"></A>
</P>
参考資料(2)
 参考資料(2)は、写真(1)をソース(設計)画面で確認したところです。
(1)現在いるところ(カレントディレクトリ)は、「0002/002/F002ndx」です。そこから1つ戻る(「48back」)ということは「0001/001/J001ndx」にリンクするということです。
(2)「<A href="../../0001/001/001ndx.htm>」という意味は以下の通りです。
F002ndx から 002 0002 0001 001 J001ndx にリンク
../ ../
(2)上りは、「../」で表示し、下りはフォルダ名で表示します。
(2)「<A>〜</A>」の間の「">48back.gif</A>」が画面上に表示されるリンクボタンです。

(4)FのボタンからBのボタンに上り・下りのリンクを貼ります
写真(2)
 写真(2)は、 F002ndx から B003ndx にリンクしました

(5)ソース(設計)画面で確認する
<P>
<A href="../../0003/003/003ndx.htm"><IMG src="48next.gif"></A>
</P>
参考資料(3)
 参考資料(3)は、写真(2)をソース(設計)画面で確認したところです。
(1)現在いるところ(カレントディレクトリ)は、「0002/002/F002ndx」です。そこから1つ進む(「48next」)ということは「0003/003/J003ndx」にリンクするということです。
(2)「<A href="../../0003/003/003ndx.htm">」という意味は以下の通りです。
F002ndx から 002 0002 0003 003 J003ndx にリンク
../ ../
(1)上る場合は、フォルダ名でなく「../../」で表現していることがわかります。
(2)上りのフォルダが2つ、下りのフォルダが2つの場合のソース(設計)画面です。
(6)ボタンにリンクをするには、テンキー(0〜9)と半角英数(ndx、index))が基本
(1)カレントディレクトリ(02)から1つ戻る場合、「01」が簡単で明瞭です。
(2)カレントディレクトリ(02)から1つ進む場合、「03」が簡単で明瞭です。
(7)リンクの基本のホームページ
リンクの基本のホームページ