子供と超初心者のためのホームページ作成教室、htmlの基礎から、フリー素材や掲示板チャットなどのCGI解説、javascriptなどの例も

ひとつのページからべつのページを呼び出す方法をリンクするといいます。 これがじつはホームページのなかでいちばんたいせつなはたらきです。このリンクするというはたらきがあってはじめて、インターネットはここまでさかんになったといってもいいくらいです。
今まで皆さんにはindex.htmというファイルを作っていただきましたね。ここでリンクを勉強するためにもうひとつファイルを作っていただきます。とりあえず下のメモ帳の内容をコピーしてlink.htmという名前で保存してみて下さい。
　 <HTML>

<HEAD>
<TITLE>リンク集</TITLE>
</HEAD>
<BODY>

<CENTER>

<H1>お気に入りリンクです</H1>

最初のページへ<BR>

キッズメディアクラブへ<BR>

Yahoo Japan<BR>

メールください

</BODY>
</HTML>

これで皆さんのフロッピィにはindex.htmとlink.htmの二つのHTMLファイルが出来ていますね。そこで、これからこれらの2つのページをリンクさせることを勉強します。下でリンクのタグをかいせつします。
<A HREF="link.htm">わたしのリンク集</A> link.htmへ移動するタグです
<A HREF="index.htm">最初のページへ</A> index.htmへ戻るタグです
index.htmとlink.htmのそれぞれの部分を上のように置き換えてみてください。

上のタグは、同じディスクやフォルダの中で相手のファイルを呼び出す場合のタグです。しかし、インターネットのリンクはいつも同じ場所の中で行われるわけではありませんね。たとえば皆さんのホームページからキッズメディアクラブのホームページを呼び出したり、ヤフーのホームページを呼び出したりすることもあります。その場合は次のように記述します。

<A HREF="http://www.kidsmc.com/index.htm">
キッズメディアクラブへ
</A>		 これはファイル名の指定方法が、インターネット上にあるkidsmc.comというサーバーコンピューターの中にあるindex.htmを呼んでくださいというタグです
<A HREF="http://www.kidsmc.com/">
キッズメディアクラブへ
</A>		 上と違ってサーバーの中のファイル名の指定がありませんが、普通はこの場合index.htmlかindex.htmを自動的に呼んでくるようになっています。
<A HREF="http://www.yahoo.co.jp/">
Yahoo Japanへ
</A>		 Yahoo Japanへ
<A HREF="mailto:info@kidsmc.com">
メール下さいね
</A>		 このタグではここからメールをもらうことが出来るようになります。
メール下さいね

link.htmのそれぞれの場所を上の内容で置き換えてみてくださいね。メモ帳でのおきかえが終わるとあなたのindex.htmに関連するリンクは次のようになっているはずです。