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

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

写真（１）

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

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

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

参考資料（２）

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

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

�@index から 000３ フォルダに入って、さらに 003 フォルダに入って �B003ndx にリンク

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

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

写真（２）

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

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

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

参考資料（３）

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

�B003ndx から 000３ フォルダに入って、さらに 003 フォルダに入って �@index にリンク ../ ../

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

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