（3）基本を押さえよう［3］HTMLを書いてみよう
このようにホームページは、上記のような約束事と文字、そして画像の集合で出来上がっています。HTMLのシンプルな形は、以下のようなものです。
<html>
<head>
<title>初めてのホームページ</title>
</head>
<body>
この文字が画面に現れます。
</body>
</html>
では、みなさんも、上記の<html>から</html>までと同じモノを書いてみましょう。
Windowsをお使いの方は、スタートメニューから「アクセサリ」＞「メモ帳」を選んで下さい。Mac OS Xをお使いの方は、ハードディスク内のアプリケーションフォルダに入っている「テキストエディット」をダブルクリックして開いて下さい。Mac OS9（あるいはそれ以下）をお使いの場合は、ハードディスク内にあるSimple textというソフトを開きます。
そして、上記を入力します。日本語以外はすべて、半角英数文字で打って下さい。
打ち終わったら保存します。保存名は「test.html」としましょう。「test」の部分は、半角英数なら何でもOKですが、必ず「.html」を付けて下さい。
※Mac OS X 10.3.xまでのテキストエディットを使うと、標準状態では、ファイル名に「.html」を付けて保存することができません。そこで次のようにします。
- テキストエディットを開き、メニューの「テキストエディット」から「環境設定」を開きます。
- 出てきたウインドウの左上に「リッチテキスト」「標準テキスト」という文字が並んでいます。通常は「リッチテキスト」の方が選ばれていますが、「標準テキスト」を選んで、「OK」をクリックして下さい。
- テキストエディットを終了します。
- 再度、テキストエディットを起動します。
- 画面に、上記の<html>から</html>までを打ちます。
- メニューの「ファイル」から「保存」を選びます。
- ファイル名をtest.htmlとし、適当な保存場所を決めて「保存」ボタンをクリックします。なおこのとき、保存ウインドウ左下にある「拡張子を隠す」にチェックが入っていたら、はずした方がいいでしょう。
※Mac OS X 10.4に付属するテキストエディットからは、保存形式にHTMLを選ぶことができるようになりました。10.4以上をお使いの場合、上記の環境設定の変更は必要ありません。保存する際のウインドウで、ファイル名を「test.html」とし、フォーマットをHTMLにしてください。ただし、保存ウインドウを出す前に、メニューの「フォーマット」から「標準テキストにする」を選んでください。そうでないと「<」や「>」の記号がちゃんと認識されませんので、ホームページ（HTMLファイル）として認識されません。
さて、test.htmlという名前のファイルが出来上がったら、それをダブルクリックしてみましょう。Windowsの方なら、IEが起動しますね。Mac OS X（10.2以上）の方なら、Safari（またはIE）が起動するはずです。Mac OS9以下の場合は、先にブラウザを起動しておいて、メニューの「ファイル」から「開く」を選び、test.htmlを選んで下さい。
どうでしたか？ 画面上に何が見えていますか？ IEやSafariのウインドウに「この文字が画面に現れます」とだけ見えていますね。またウインドウの一番上（端）を見て下さい。ここに「初めてのホームページ」という言葉が見えていますね。
