7.リンクを張って見よう♪



せっかくのHPだから、ページが一つだけだと寂しいですよね。
というわけで、今回はリンクの仕方をやりたいと思います。
リンクといっても難しくないんで、ガンガンやっていきましょう♪

というわけでタグの説明

タグ説明
<a href="(リンクの張りたいページ)">〜</a> たったこれだけです。リンクの張りたいページは、画像と同じように直接
「http://easter.ne.jp/○○/○○.html」としてもいいですし、
同じディレクトリの中なら「○○.html」でもいいです。


次にサンプルとその表示結果です。
例として「link.html」にリンクしたいと思います
ちなみに私は基本ディレクトリに両方とも入っています♪

<html>
<head>
<title>サンプルそのろく♪</title>
</head>
<body>
<h1>サンプルで〜す♪</h1> <br>
<a href="link.html">リンクはココ</a> <br>
URLで指定します♪ <br>
<a href="http://www.easter.ne.jp/gnome/link.html">URLで指定だよ</a> </body>
</html>

下の画像が表示結果♪



というわけで、今回の「第6回リンクを張ろう」を終わります。
次は壁紙の予定(予定は未定〜♪(ぉぃ))

戻る 超簡単なHP作成講座 進む

女の子お絵かき掲示板ナスカiPhone修理