リンクに加える

iroiro.html も

joho.html と同様に iroiro.html も index.html からリンクします。また、iroiro.html から index.html に戻れるようにします。また、みんなのindex へのリンクも加えます。

joho2.html もまだなら加えてください。

課題 1

index.html と iroiro.html をリンクで相互に行き来できるようにします。

index.html に書く

index.html の中に iroiro.html へのリンクを書きます。joho.htmlへのリンクはそのままにして、iroiro.html へのリンクを書き加えます。

<p><a href="iroiro.html">虫の音</a></p>

としてください。

ページ内に表示しますから、当然 body部に書かなくてはなりません。h1や他のpタグに書かれている内容も変えて整えてください。

iroiro.html に書く

今度は逆に iroiro.html の中に index.html へのリンクを書きます。index.html に戻ってくるためです。

これも当然 body部に書かなくてはなりません。iroiro.html の中では h1 の前に入れてください。

<body>
<p><a href="index.html">もくじ</a></p>
<h1>虫の音</h1>
・・・・・・・・

課題 2

index.htmlから、みんなのindexにいけるようにします。次のようにします。

index.html の中にリンクを書きます。joho.htmlと、iroiro.html へのリンクはそのままにして書き加えます。

<p><a href="http://www.st.seiai.ed.jp/t2008/htm4/toindex.html">みんなのindex</a></p>

リンク先が自分のフォルダ内ならばファイル名を書くだけでいいのですが、他の場所の場合は http:// から始めてコンピュータの名前、フォルダ名、ファイル名と書かなければなりません。

できあがりは…

index.html です

iroiro.htmlへのリンク


聖愛中学高等学校
http://www.seiai.ed.jp/
Last Modified