ミミズの学校

ホットリンクの張り方
リンクスイッチを作る (4-2-1)
(4-2-1-1)
  1. 4-1-2-3の下の方の図を見てください。

  2. ミミズの学校の所在地と その名前の由来
    HTMLについて」:
    マウスでこれらをクリックしたらその場所に飛ぶという ようなのを作ります。
    (ホットリンクといいます)
    その場所をあらかじめ作っておく必要があります。

  3. ここでは「ミミズの学校の所在地とその名前の由来」のファイル名
    をyurai.htmlとします。

  4. また「HTMLについて」のファイル名をtuite.htmlとします。

  5. Hteditor.exeを立ち上げてファイルを選びその中の新規作成を選びます。

  6. 2-2-2とまったく同じ要領でつくります。もう少し詳しく
    たとえば、トップ画面のメニュに「私の紹介」「私の家の庭」「私 の好きな食べ物」「仏教について」と4項目がありましたらその 「syoukai.html」「niwa.html」「tabemono.html」「bukkyou.html」 と4つのファイルを作ります。その一つつは2-2-2と同じやり方で。 という意味です。

  7. yurai.htmlの参考例(4-2-1-1-a)と tuite.htmlの参考例(4-2-1-1-b)は下に書いてあります。

(4-2-1-1-a)参考例
  1. 右図に書いてます。

  2. 下記の赤色の部分を
    </body>
    </hrml>
    の前に追加します。
    <center>
    <a href="index.html">ホームへ戻る</a>
    </center>
    </body>
    </html>

  3. 右図の矢印部分である

(4-2-1-1-b)
  1. 後でゆっくりやってください。

  2. 次へ進む

(4-2-1-2)
  1. 赤星(4-1-2-5の図を参照)をリンクスイッチに使います。

  2. 青1に<a href="yurai.html">を挿入します。

  3. 青3に<a href="tuite.html">を挿入します。

  4. 青2,4は</a>を挿入します。

  5. ブラウザで表示させると4-2-1-3の右図となります

(4-2-1-3)
  1. 星の形の外側が四角で囲まれています。

  2. それを取り除きます。

  3. <img src="hosi-aka.gif">の所に
    <img src="hosi-aka.gif" border=0>のように赤い部分を追加します。

(4-2-1-4)
  1. 赤星にマウスをポインタをおくと手の図が出ます。

  2. クリックすると目的の場所に行きます。

項目..
ミミズ......
HTML....


次へ進む(ホットリンクの張り方<2/2>)