■ＨＴＭＬをメモ帳で作成■
ＨＴＭＬ（ＸＨＴＭＬ）を作成するにはパソコンに標準装備されているメモ帳を使用します。
メモ帳は、スタート→全てのプログラム→アクセサリーで「メモ帳」を選択すればＯＫです。
見つけられない場合は、Ｗｉｎｄｏｗｓロゴキー＋Ｒで「ｎｏｔｅｐａｄ」と入力すれば良いです。
この「メモ帳」にソースを書き込んでいくことがＨＴＭＬの基本です。
まず先に、作成したメモ帳を整理するフォルダーを作っておきます。
自分の保存したい場所に「私のホームページ」というフォルダーを作ってください。
そしてそれが終わったら、下にあるソースをメモ帳に記入してみましょう。
※記入するのが面倒な方は、コピペしちゃってください。(^_^)
<html>
<head>
<title>初めてのホームページ</title>
</head>
<body>
<h1>デビューします！</h1>
<h2>これで私もホームページプログラマーです。</h2>
ＨＴＭＬはこんなに簡単に作れちゃいます♪
</body>
</html>
記入かコピペが終了したら「メモ帳」を上書き保存しますが、ここで大切なことは
「ファイルの種類」を「全てのファイル」
で指定してファイル名に「○○.html」と入力することです。
○○には自分の好きなタイトルを入れてかまいませんが、トップページは基本的に「index.html」とします。
なのでここではindex.htmlと入力しておきましょう。
このファイルを先ほど用意をした「私のホームページ」フォルダーに保存しましょう。
これでメモ帳のマークが変わり、ＨＴＭＬが出来上がります。
さあ、このファイルをクリックして開いてみましょう。
クリックすると自動的にＩＥが起動して、先ほどの文字がＷＥＢに公開されたはずです。
これがＨＴＭＬの基本です。
<html>は「これはＨＴＭＬという書式です。」という宣言だと考えてくれれば良いです。
そして、これらの宣言する条件のことを「タグ」と呼びます。
次にある<head>は、サイトのタイトル等を入力しますというタグです。
この中には、タイトル以外の表示されない情報なども入力されます。
※これに関しては、後のページで説明いたします。
ＷＥＢページの最上部を見ると、インデックスが初めてのホームページと表示されていますよね。
ここに表示させるために、<title>初めてのホームページ</title>と書き込むのです。
</title>は「これでタイトルを終了します。」と宣言するためのタグです。
なお</○○>は、宣言した条件を終えるときに必ず必要なタグです。覚えておきましょう。
そしてここで</head>を終了します。
次に書き込んでいる<body>から</body>までが、ホームページで表示される情報を書き込むスペースです。
<h1>〜</h1>、<h2>〜</h2>は、それぞれが見出し用のタグです。
<h1>〜<h6>まで、必要に応じてタグが用意されております。
なお、見出しや小見出しに関しても少し複雑であるため、やはり後のページで説明いたします。
今の段階では「こういうタグがある。」と覚えておくだけでも十分です。
</body>で情報の入力を終了し、最後に</html>を終了します。
先ほどみなさんが作ったメモ帳は、以上の条件を書き込んで作ったということです。
最初は分かりづらいでしょうが、ここは必ず覚えましょう。
さて次のページでは、文字や背景の色を変えてみます。
