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)リンクの基本のホームページ
リンクの基本のホームページ