ＨＴＭＬタグ言語で何ができるか（08）

ホームページビルダーを使って、中級のリンクを貼る（２）

（１）リンクツリーを作る

┏ 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 フォルダ ファイル イメージ

参考資料（１）

参考資料（１）は、「link_kihon」の概略のリンクツリーです。

（２）�@から�Cに下るリンクを貼ります

写真（１）

写真（１）は、 �@index から �C03ndx にリンクしました

（３）ソース（設計）画面で確認する

<P> <A href="0003/003/03/03ndx.htm">03ndx</A> </P>

参考資料（２）

参考資料（２）は、写真（１）をソース（設計）画面で確認したところです。

（１）「<A href="0003/003/03/03ndx.htm">03ndx</A>」の「0003/003/03/�C03ndx.htm」という意味は以下の通りです。

�@index から 000３ フォルダ→ 003 フォルダ→ 03 フォルダに入って �C03ndx にリンク

（２）「<A>〜</A>」の間の「">03ndx</A>」が画面上に表示されるリンクタイトルです。 （３）以下、「�@」から「�G」、「�@」から「�K」も同じです。

（４）�Cから�@へ上るリンクを貼ります

写真（２）

写真（２）は、 �C03ndx から �@index にリンクしました

（５）ソース（設計）画面で確認する

<P> <A href="../../../index.htm">index</A> </P>

参考資料（３）

参考資料（３）は、写真（２）をソース（設計）画面で確認したところです。

�C03ndx から 000３ フォルダ→ 003 フォルダ→ 03 フォルダに入って �@index にリンク ../ ../ ../

（１）上る場合は、フォルダ名でなく「../../../」で表現していることがわかります。 （２）以下、「�G」から「�@」、「�K」から「�@」も同じです。

（６）リンクをするには、フォルダの構造（リンクツリー）を知ることが大切です