ホームページ作成の基本

　HTML(Hyper Text Markup Language)とはインターネットのWebページ（ホームページ）のレイアウト（文字の大きさや色、配置etc)や挿入する画像、リンク先の指定を記述するための言語で、タグ（HTMLタグ）というものによって表されます。多種多様なタグがあるので、自分の思い通りのホームページを作成することができます。では早速ホームページを作成してみましょう。

　まずエディタ（メモ帳など）を開いて、下記のように入力し、ファイル名を*.htmlで保存してください（*の部分は好きなファイル名を入れてください） HTMLタグは絶対に半角で入力（スペースも！）してください。大文字、小文字はどちらでもかまいませんが、大文字の方が本文との区別がついて見やすいです。

　これが1番簡単でシンプルなホームページです。正しく表示されるかどうかブラウザを開いて確認してみましょう。ブラウザの左上にある「ファイル」 というメニューから、Netscapeなら「ページを 開く」、Explorerなら 「開く」を選択し、 「参照」というボタンを押して、さきほど作成したファイルを指定して開きます。もしくは、ファイルを直接ダブルクリックしてもいいです。ブラウザの1番上のタイトルバーにタイトルが表示され、本文が正しく表示されればOKです。以降、HTMLファイルを書き換えたときはブラウザの更新ボタンを押すことで書き換えた内容が反映されます。正しく表示されない人は、タグが間違っていないかどうか、タグを半角で入力しているか（スペースも）、「<」や「>」を忘れていないかなどをチェックしてみてください。私自身、スペースが全角になっているというミスが多かったです。注意しましょう。

　さて、デフォルト（何もしない状態）では、背景が白、文字は黒になっていますね。これを自分の好きな色に変えてみましょう。そのためには<BODY>タグを

のようにします。色1は背景色、色2は文字色を英語で指定します。つまり、白ならwhite、黒ならblackという具合に(他の色についてはこちらを参照）。もちろん、<BODY>タグに付け加えるのは色を変えたい部分だけでいいです。もし、背景色だけ変えたくて、他はデフォルトでいいという場合には

　色の指定にはもうひとつの方法があります。赤、緑、青の明るさをそれぞれ16進数2桁で指定する方法です。例えば、BGCOLOR="#000000" とすれば背景は黒になります。逆にBGCOLOR="#FFFFFF"なら白になります。はじめの2桁が赤、真中の2桁が緑、最後の2桁が青の明るさを表しており、 先頭に＃をつけるのが決まりです。こちらで自分の好きな色を試してみてください。

　背景に模様（画像）を入れたいときは

で、背景にしたい画像の相対パスを指定してください（"　"を忘れずに！）。画像は自分で作ってもいいし、どこかから入手してきてもいいですが（著作権・肖像権に注意！）、 GIF形式（*.gif),JPEG形式(*.jpg,*.jpeg),PNG形式(*.png) を使用するのがよいでしょう(他にビットマップ形式(*.bmp)なども使えます)。ホームページ作成用の様々な画像を提供してくれるホームページが多く存在するのでいろいろ探してみるといいでしょう。（こちらを参照）

　では次に、ホームページをいろいろとレイアウトしていくためのタグを紹介しましょう。こちらへどうぞ。