sono5

次に新しく一つメモ帳を出して、試しに以下のように打ち込んで下さい。

HTMLファイル	ブラウザーでの画面
<HTML> <P>テスト </P> </HTML>	テスト

打ち込んだら、保存して下さい。
『保存する場所』『ファイルの種類』は index.html と同じ所にして下さい。『ファイル名』は、sc.html にして下さい。
sc.html をブラウザで見て下さい。こちらもアドレス[URL]をメモしといて下さい。

それでは、index.htmlのファイルを開いて </BODY>の上に
<A HREF="sc.htmlのアドレス[URL]">クリック</A>
と書いて保存して下さい。

HTMLファイル	ブラウザーでの画面
<HTML> <HEAD> <TITLE> 練習 </TITLE> </HEAD> <BODY BGCOLOR="yellow"> <P><font color="red"> 自己紹介します。 </font></P> <P><font color="blue"> 私の名前は、鬼瓦ゴン蔵です。 </font></P> <P><font size="5"color="navy"> アルプス工業に勤めてます。 </font></P> <P><A HREF="sc.htmlのアドレス">クリック</A></P> </BODY> </HTML>	自己紹介します。私の名前は、鬼瓦ゴン蔵です。アルプス工業に勤めてます。クリック

このように書けましたか？

次にsc.htmlのファイルのテストの下に
<A HREF="index.htmlのアドレス">HOME</A>
と書いて、保存して下さい。

HTMLファイル	ブラウザーでの画面
<HTML> <P>テスト </P> <P><A HREF="index.htmlのアドレス">HOME</A></P> </HTML>	テスト HOME

このように書けましたか。

これでリンクがはれました。index.htmlをブラウザで出して、クリックをクリックして下さい、テストと書いてあるページに移りましたね、HOMEをクリックすると元のページに戻りましたね。
これでリンクが張れました。

<A HREF="移りたいページのアドレス">文字</A>
と書けば、そのページに移れます、でもその移った先に戻りたいページのアドレスが書いてないと戻ることができません。
リンクを張るときは、両方に移りたい(戻りたい)ページのアドレスを書いておきましょう。

研究室トップページ
前章へ
次章へ
目次参照
用語集参照