Kefi_Pallhkari WebPage作り講座　タグ（サイト内リンクをはる）

ＷｅｂＰａｇｅ発射台（初心者の、初心者による、初心者のためのＷｅｂＰａｇｅ作り講座）

サイト内リンクを貼ってみよう（⑤文字からリンクをはります）

用意するモノ

文字を入力してみよう最低用意するモノ

・・・・・と、二つのページを用意しましたか？（「おっと、まだ用意してない」→）

用意がととのいました。いよいよリンクをはってみましょう。

１４，二つのページをリンクする。（文字からリンク）

ハイパーリンク；「見てね」の文字をクリックするとindex-5.htmlへ行く

index-1.htmlのソースを開き、以下の四角の中の通りに半角アルファベットで打ってみましょう。

<a href="index-5.html" >見てね</a>

できたらマウスで<ファイル>→<上書き保存>をクリックし更新してみましょう。

「見てね」の文字が青く（紫になっていることもある）書かれ、そこをクリックするとindex-5.htmlに行くことが出来ます。

index-101.htmlを少し書き換えます。

index-102.htmlはとりあえず、このままにしておきましょう。

index-101.html

<html>

<head>
<title>メニューのページ</title>
</head>

<body>

<a href="index-102.html" >バックルのページを見る</a>
文鎮のページを見る

</body>
</html>

index-102.html

<html>

<head>
<title>バックル</title>
</head>

<body>

<img src="img/b-kabuto_s.jpg" width="80" height="60"> 
バックルです。

メニューに戻る

</body>
</html>

書き換えたら上書き保存をしましょう。

これをブラウザでみるとこうなると思います。そしてリンクを確認してみましょう。

実物で試してみて下さい。

少し解説

<a href="index-102.html" >バックルのページを見る</a>

<a href="index-102.html" >バックルのページを見る</a>

バックルのページを見る	・・・・・リンクしたい文字列です
index-102.html	・・・・・そこをクリックしたときに行きたいぺーじです。

しかし・・・・・実物で試すとわかると思いますが・・・・・index-102.htmlの「メニューに戻る」の所をクリックしてもまだindex-101.htmlには戻れません。

“お客さん”は検索エンジンからいきなりindex-102.htmlに入ってきてくれるときがあります。その時に行き場所があるように「メニューに戻る」の文字列にもリンクをはりつけておくことを、ぜひお勧めします。

↓このように・・・・・。

index-102.html

<html>

<head>
<title>バックル</title>
</head>

<body>

<img src="img/b-kabuto_s.jpg" width="80" height="60"> 
バックルです。

<a href="index-101.html" >メニューに戻る</a>

</body>
</html>

本文にもどる

Last update May.29,2002