重要系
----------------------------------------

改行

忘れてました。最初に説明すべきことだったかもしれない。まあいいか。
HTMLでは、テキストエディタの中でいくら改行しようとブラウザで表示したときは無視されます。改行されてないのです。まあ大変。だから改行タグを使いましょう。

<html>
<head>
<title>ホームページ</title>
</head>
<body>






<br>作ったのだよ。
</body>
</html>

ここでタグ説明

<br>
改行します。これが無いと改行されません。閉じタグは必要ありません。

さあ、どうなるでしょう。こうなります。

ホ ー ム ペ ー ジ を
作ったのだよ。

ハイ。<br>を入れたところは改行されてますが、それ以外のところは全然ですね。NNでは半角スペースまで入ってる始末。まあ。

リンク!

文字列をクリックすると他のページに飛ぶアレ(以下リンク)です。ホームページを作るということの中で、もっとも重要なものだと思われます。

<html>
<head>
<title>ホームページ</title>
</head>
<body>
<a href="p02.html">前のページ</a><br>
<a href="http://www.yahoo.co.jp/">Yahoo!JAPAN</a>
</body>
</html>

ここでタグ説明

<a href="〜"></a>
他のページにリンクします。

リンク先が同じサーバーにある場合

そして同じフォルダにある場合
単にファイル名を指定するだけで良いです。例:<a href="p01.html">ページ1</a>

違うフォルダにある場合
相対パスというので指定します。

リンク先が今いるフォルダの中のdataというフォルダの中のindex,htmlの場合
<a href="data/">データ</a>(index.htmlは省略できます。

リンク先が一つ上の階層のaaa.htmlの場合
<a href="../aaa.html">あああ</a>

リンク先が一つ上の階層のaaaというフォルダにあるiii.htmlの場合
<a href="../aaa/iii.html">いいい</a>

リンク先が二つ上の階層のuuu.htmlの場合
<a href="../../uuu.html">ううう</a>

あー。言葉で説明するのは難しい。

リンク先が別のサーバーにある場合
http://から始まる絶対パスで指定します。つまりURLです。
例:<a href="http://www.yahoo.co.jp/">Yahoo!JAPAN</a>

前のページ
Yahoo!JAPAN


Back-Top-Next