HTMLタグ言語で何ができるか(08)
ホームページビルダーを使って、初級のリンクを貼る
(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)�@から�Aに下るリンクを貼ります
写真(1)
 写真(1)は、 �@index から �A0003ndx にリンクしました

(3)ソース(設計)画面で確認する
<P>
<A href="0003/0003ndx.htm">0003ndx</A>
</P>
参考資料(2)
 参考資料(2)は、写真(1)をソース(設計)画面で確認したところです。
(1)「<A href="0003/0003ndx.htm">0003ndx</A>」の「0003/�A0003ndx.htm」という意味は以下の通りです。
�@index ファイルから 0003 のフォルダに入って �A0003ndx のファイル(.htm)にリンク
(2)(2)「<A>〜</A>」の間の「">0003ndx</A>」が画面上に表示されるリンクタイトルです。
(3)以下、「�@」から「�E」、「�@」から「�I」も同じです。

(4)�Aから�@へ上るリンクを貼ります
写真(2)
 写真(2)は、 �A0003ndx から �@index にリンクしました

(5)ソース(設計)画面で確認する
<P>
<A href="../index.htm">index</A>
</P>
参考資料(3)
 参考資料(3)は、写真(2)をソース(設計)画面で確認したところです。
�A0003ndx ファイルから 0003 のフォルダに入って �@index のファイル(.htm)にリンク
../
(1)上る場合は、フォルダ名でなく「../」で表現していることがわかります。
(2)以下、「�E」から「�@」、「�I」から「�@」も同じです。
(6)リンクをするには、フォルダの構造(リンクツリー)を知ることが大切です