ＨＴＭＬタグ言語で何ができるか（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」の概略のリンクツリーです。

（２）�Dから�Lに上り・下りのリンクを貼ります

写真（１）

写真（１）は、 �D0１ から �L0１ にリンクしました

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

<P> <A href="../../../0001/001/01/01.htm">01/A> </P>

参考資料（２）

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

（１）「<A href="../../../0001/001/01/01.htm">の「<A href="../../../0001/001/01/�D01.htm">」という意味は以下の通りです。

�D01 から 03 → 003 → 0003 → 0001 → 001 → 01 → �L01 にリンク ../ ../ ../

（２）上りは、「../」で表示し、下りはフォルダ名で表示します。 （２）「<A>〜</A>」の間の「">01</A>」が画面上に表示されるリンクタイトルです。 （３）以下、「�D」から「�H」、「�H」から「�L」も同じです。

（４）�Dから�Fに上り・下りのリンクを貼ります

写真（２）

写真（２）は、 �D01 から �F002ndx にリンクしました

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

<P> <A href="../../../0002/002/02ndx.htm">01/A> </P>

参考資料（３）

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

�D01 から 03 → 003 → 0003 → 0002 → 002 → �F02ndx にリンク ../ ../ ../

（１）上る場合は、フォルダ名でなく「../../../」で表現していることがわかります。 （２）上りのフォルダが３つ、下りのフォルダが２つの場合のソース（設計）画面です。

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