超初心者のためのホームページ作成講座
HTML CSS Dictionary Netscape Color AccessUp Links SiteMap

■ いよいよリンク

どこのページからもトップページに戻れるように、
他のページにも移れるように、リンクをはります。

まず、すべてのページ分作っておきます。出来てないページは後からでいいけど

[ホーム][日記][ゲストブック][リンク]

このうち出来てるのは[ホーム](トップページ)だけだから、ホームにリンクをはっちゃいましょう。
リンクタグは <a href="ファイル名"> でしたね。
前にも言ったけど、"ファイル名" は同じフォルダの中にある場合。
違うフォルダの場合は "フォルダ名/ファイル名" になる。
また、他のホームページにリンクしたい時は "URL" を入れます。
ここでは同じフォルダってことで、ファイル名を指定します。
トップページのファイル名は "index.html" です

<a href="index.html">[ホーム]</a>[日記][ゲストブック][リンク]

ってことになるよね。

もちろん、トップページからもリンクはらなくちゃ
トップページのこの部分を変えましょう。

<p><font size="5" color="red">自己紹介</font></p>
       ↓
<p><a href="room_no34_prof.html"><font size="5">自己紹介</font></a></p>

<font color> は <body link> の色を使うことになるので、必要ありません。

出来ちゃいましたね。
トップページ→自己紹介ページ→トップページ→・・・
と何回もクリックしたくなっちゃうでしょ^^

というわけで、自己紹介ページは完成!
えっ!早すぎ?トップページに比べて、手抜きしてるって?
いいじゃんいいじゃん!できちゃったんだから〜♪

恒例のソース紹介

<html>
<head>
<title>room_no34_prof></title>
<head>
<body background="roadweb_kabe1.gif" text="brown" bgcolor="orange" link="tomato" vlink="red" alink="hotpink">
<h1 align="center">34号のじこしょ〜★</h1>
<hr size=4 width=90% align="center" color="orangered">
<center>
<table>
<tr><td>★ハンドルネーム</td><td>34号</td></tr>
<tr><td>★誕生日</td><td>11月6日</td></tr>
<tr><td>★年齢</td><td>(●⌒∇⌒●)</td></tr>
<tr><td>★住まい</td><td>千葉県浦安市の木造安アパート1階</td></tr>
<tr><td>★好きな歌手</td><td>宇多田☆浜崎☆JAM☆ELT☆etc</td></tr>
<tr><td>★好きな食べ物</td><td>ステーキ(レア)☆トロ☆納豆</td></tr>
<tr><td>★好きなこと</td><td>ゴルフ☆チャット</td></tr>
<tr><td>★好きな人</td><td>(●⌒∇⌒●)</td></tr>
</table>
<br><br><br><br><br>
<a href="index.html">[ホーム]</a>[日記][ゲストブック][リンク]
</center>
</body>
</html>

これをブラウザで見ると・・・ちょっとでかすぎ?画面拡げて見てね

ブラウザ画面

字が茶色なのは、<body text="brown"> にしてるからですね。
[ホーム]ってとこは赤くなってるけど、これは既リンク色 vlink="red" です。
まだリンク確認してない場合はトマト色 link="tomato" になってます。
クリックした瞬間はアクティブ色 alink="hotpink" になりますね。