§09-05…上位ディレクトリから下位ディレクトリへのリンク – オンライン無料パソコン教室

§09-05…上位ディレクトリから下位ディレクトリへのリンク

(01) このサイトのトップページ「index.htm」から、「gari」ディレクトリ内にある「garimain.htm」へのリンクを設定します。リンク文字列は「イチゴ狩り」です。下層ディレクトリのファイルを指定するにはhref属性の値を「ディレクトリ名/ファイル名」のように、指定します。すなわち「gari/garimain.htm」がhref属性の値になります。「index.htm」のbody内を以下のように更新してください。

<body>
<h1>ストロベリーSHOP</h1>
<h2>MENU</h2>
<h3><a href="stuff.htm">スタッフ紹介</a></h3>
<h3><a href="access.htm">アクセス・連絡先</a></h3>
<h3><a href="gari/garimain.htm">イチゴ狩り</a></h3>
<h3>イチゴ製品</h3>
<p class="setumei">
ストロベリーSHOPへようこそ!ストロベリーSHOPでは<a href="access.htm">愉快なスタッフ</a>があなたをお出迎えします。このSHOPではシーズンのイチゴ狩りや、無農薬イチゴから作ったジャムやお菓子などのイチゴ製品ショッピングが楽しめます。
</p>
</body>

(02) ブラウジングしてテストしてください。

移動前

移動後

広告ブロックブラウザーではコンテンツが表示できません