タグの絵本HP作成>サイトを作成
サイトを作成




知識をおさえたところで、サイト作りに入ります。
下記のような「index.html」からgame.htmlを繋ぐ事を目的として、説明していきます。

index.html

game.html






まずindex.htmlファイルを作成します。


index.html
<html>
<head>
<title>INDEX!!</title>
</head>
<body>
ようこそ!私のホームページへ!
</body>
</html>
INDEX!! Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ようこそ!私のホームページへ!
















作成したファイル名は「index.html」として保存しましょう。




次にgame.htmlファイルを作成します。


game.html
<html>
<head>
<title>ゲーム部屋!!</title>
</head>
<body>
ここはゲームの部屋です!
</body>
</html>
ゲーム部屋!! Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ここはゲームの部屋です!















作成したファイル名は「game.html」として保存しましょう。




ホームページスペース
   |
   ├index.html
   └game.html

このように作成できたところで
index.htmlファイルを編集します。


index.html
<html>
<head>
<title>INDEX!!</title>
</head>
<body>
ようこそ!私のホームページへ!
<BR><BR><BR>
<A href="game.html">ゲームの部屋へどうぞ!</A>


</body>
</html>
INDEX!! Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)



クリックしてみましょう。
ゲーム部屋へのリンクができましたね。




game.htmlファイルも同じように編集します。


game.html
<html>
<head>
<title>ここはゲームの部屋です!!!!</title>
</head>
<body>
ここはゲームの部屋です!
<BR><BR><BR>
<A href="index.html">INDEXへ戻る。</A>
</body>
</html>
ここはゲームの部屋です!! Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)



以上で完成です。
実際にクリックしてみましょう。
このようにしてリンクでページ同士を繋げ、「サイト」が成り立ちます。










戻るHP作成講座次へ








Copyright (C) 2006 タグの絵本 All rights reserved.
index「タグの絵本」