作成したHTMLファイルをブラウザで表示してみましょう。保存したHTMLファイルをダブルクリックするとブラウザ（Internet Explorer等）で表示されます。
または、ブラウザを起動してから [ファイル(F)]→[開く(O)...]→[参照(R)...] で、
表示したいHTMLファイルを選択して [開く(O)] ボタンを押してください。
<body>〜</body>に記述した文字列の表示が確認出来ます。
これで、とりあえずは、ホームページを作ったということになります。
ただし、超小さい最初の一歩ですが、、、。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
<html>
<head>
<title>ここに好きなタイトルを書いて下さい</title>
</head>
<body>
ここに内容を書いて下さい。
自由に文字列を書いてみましょう。
</body>
</html>
上のソースコードの<html>～</html>までをコピーして下さい。
デスクトップに戻り右クリックでメニューを開き、新規作成からテキストドキュメント（普通のメモ帳）を選んで下さい。
ファイルを作ったら、先ほどコピーしたソースコードを貼りつけて上書き保存して下さい。
これがHTMLファイルになります。
HTMLファイルを作ったとき、どんなファイル名にすればいいか迷ってしまう場合があります。
ここでHTMLのルールを一つ。
HTMLファイルの拡張子は“.html”です。
そして、インターネット上に公開するウェブサイトのトップページとなるファイル名は、必ず“index”インデックスという名前で作って下さい。（必然的にindex.htmlというファイル名になります。）
トップページ以外のファイル名は、半角英数字であれば何でも大丈夫なのですが、トップページだけは“index.html”にしなければなりません。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
<!DOCTYPE> はタグではないです。
HTMLは、バージョンごとにそのバージョンで使用できる要素（タグ）や属性の名前と、それらの配置の方法について厳しく決められています。
<!DOCTYPE> はHTML 文書ファイルの先頭に記述し、その HTML ファイルで使用している HTML のバージョンを宣言します。
HTML 4.01 Strict の場合
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN”
“http://www.w3.org/TR/html4/strict.dtd”>
HTML 4.01 Transitional の場合
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/html4/loose.dtd”>
HTML4.01 Frameset の場合
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Frameset//EN” “http://www.w3.org/TR/html4/frameset.dtd”>
HTML5 の場合
<!DOCTYPE html>
この宣言でCSSの反映とかに影響があることもあるようです。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
HTMLは大きな箱をイメージすると分かりやすいと思います。
HTMLと書いてある大きな箱の中にHEADと書いてある箱と
BODYと書いてある箱があるイメージです。
その箱の中身を詰めていく事がウェブサイトを作成するというコトになります。
この画像を見てからソースコードを見るとheadやbodyが発見出来て、
HTMLの構造が理解出来ると思います。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
以下のURLからダウンロード可能です。
http://www.forest.impress.co.jp/lib/offc/document/txteditor/terapad.html
動画を参考に設定してみて下さい。
メモ帳よりも便利に使えると思います。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
この時点でも<body>～</body>内にデータを記述すればブラウザで閲覧する事が出来ます。
それぞれの意味は以下のとおりです。
html要素：<html>～</html> の部分。
その範囲の文書がHTML形式で記述されていることを宣言します。
head要素：<head>～</head> の部分をヘッダと呼びます。
文書の情報を示す範囲です。（基本的にこの中に書いた情報はブラウザには表示されません）
ヘッダ部にはページタイトルや、またブラウザ上では表示されない情報（<meta>）などを記述します。
<title>～</title> 部分にタイトルを書きます。
このタイトルはブラウザのタイトルバーに表示され、また検索エンジンの検索結果として表示されるので必ず記入しましょう。
body要素：この中に書いた情報がブラウザに表示されます。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
以下の動画では、ホームページで収入を得る仕組みに注目して説明がされています。
ウェブサイト作成に関する解説は今後も続けていきますが、全体像（最終目標）を把握することも大切なので紹介しました。
具体的な作成の流れというよりは、ウェブサイト作成の目標設定とその方法を学んでみて下さい。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
ソース（source)というのは情報などの出所。情報源を意味する言葉です。
沢山の文字が並んだテキストファイルが表示されたはずです。
これが表示されているページのもとになる文字列です。
コンピューターがこの文字列を読み取って、自動的に画像を表示したり、文字に色を付けたり、フォントを変えたりしてくれます。
この文字列の中に“<”と“>”でくくられているタグを見つける事が出来ると思います。
これこそがHTMLです。
文字列の一番上の辺りに<html>という文字列があると思います。
これを「宣言」と言い、『ここからHTML文法を始めます』ということをコンピューターに知らせています。
このタグの中の命令には様々な種類があり、それをいくつも使ってHTMLを作っていきます。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
http://www4.plala.or.jp/htmltag/
HTMLのタグを完璧に覚えるというのではなく、使用するHTMLタグの効果を理解するようにして下さい。
使用頻度の高いタグは必然的に覚えてしまうと思います。
言葉と一緒ですね。
HTMLタグ使い方（メモ帳の使い方・コピー・貼り付けのやり方について）
http://www4.plala.or.jp/htmltag/newpage58.html
を参考にして、HTMLタグ練習ページでHTMLタグの結果（効果）を確認してみて下さい。
メモ帳はお使いのＰＣ（Windowsの場合）のスタート>>プログラム>>アクセサリー>>メモ帳で出せます。
メモ帳を起動したら書式の設定を右端で折り返すにしておくと便利です。
↑↑コチラのボタンを”ポチッ”と応援クリックお願いします。
