ホームページの全ページで使うHTMLタグ

HTMLというのは、 headタグに挟まれた部分とbodyタグに挟まれた部分に大きく分けることが出来ます。 タグは半角英数で記述しなければなりません。
HTMLの基本構造

headタグ

HTMLのバージョンを表すDOCTYPE宣言と、HTMLを構成するheadタグの間に挟まれる部分についてまず見ていきましょう。

DOCTYPE宣言

DOCTYPE云々と書かれた所は使用しているHTMLのバージョンなどを示す部分ですが、 これは決まり事や約束のようなものなので、
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">とでも書いておけばOKです。

<html>〜</html>

この間に挟まれた部分はHTMLで書かれていますよ、ということを示すタグです。 日本語の場合は、開始タグの後ろにlang="ja"というのをくっつけて
<html lang="ja">とします。

<head>〜</head>

この間に挟まれた部分はページのタイトルや概要、キーワードを記述する部分です。 これらの情報は<meta>タグで記述します。 タイトル以外の部分はブラウザには表示されませんが、検索エンジンの検索結果に表示されたり、 検索エンジンが読む部分なので重要です。

<meta>

htmlとheadタグについてはスラッシュのついた終了タグがありましたが、 このタグには終了タグがありません。
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css">
細かいことは考えず、この2つは決まり事として取り敢えず書いておきましょう。

<meta name="robots" content="INDEX,FOLLOW">
と書いておくと検索エンジンのロボット(クローラー)は、ホームページに来た時にそのページの情報を取得していきます。 そしてクローラーが持ち帰った情報が、検索エンジンのサーバーに保存(インデックス)されると、そのページは検索対象となります。 この記述がなくても検索エンジンのロボットはページを取得するので、特に書かなくてもよいです。

<meta name="description" content="ページの概要">
ページの概要という部分には、そのページの内容を的確に表した要約を記述します。 ホームページ全体についての要約ではなく、サイト内の各ページごとについての要約です。 検索エンジンなどでは表示されるスペースや文字数が決まっているので、あまり長すぎても意味が無いです。 簡潔にまとめるようにしましょう。

<meta name="keyword" content="キーワード1,キーワード2,キーワード3">
descriptionのところと同じで、ページの内容を的確に表しているキーワードをいくつか書いておきます。 これも出来るだけ数を絞ってコンパクトにまとめましょう。複数書く場合は、,(半角カンマ)で区切って記述します。

他にもmetaタグには作者を表すauthorや、日付(date)、 著作権(copyright)などがありますが最低限必要なのは上の5つです。

<link>

これも終了タグはありません。 これは他のページとの関係を示すタグで、主にスタイルシートでホームページの見た目、デザインを整えるのに使います。 例えば、
<link rel="stylesheet" href="style.css" type="text/css">のように書きます。

<title>〜</title>

この間にはページのタイトルを簡潔にわかりやすく記述します。 ブラウザ一番上のタイトル部分に表示されたり、検索エンジンの検索結果に表示される重要な部分なので必ず記入しましょう。

皆さんそうしてると思いますが、 検索エンジンで必要な情報を探す時に検索結果のどこを見ていますか？ リンク部分に書かれたテキストと、その下に書かれている要約などのテキストを見て、 自分の求める情報に一番近いものはどれか？ということを判断しているハズです。

そのリンク部分に表示されるのがtitleタグに書いたもので、 要約部分に表示されるのがmetaタグのdescriptionに書いた部分です。 (ただし、descriptionに書いた部分を表示しない検索エンジンもあります。) ということは、この部分に書くことはかなり重要なわけです。

bodyタグ

<body>〜</body>
ここにはページの内容を記述します。ブラウザの画面に表示されるメインの部分です。 ここに書かれたテキストなどを適切なタグでマークアップします。 bodyタグの中で使うタグについては後で説明します。

まとめ：ホームページ全体に共通で使うHTMLソースはコレ！

以上をまとめるとHTMLファイルのソースの基本形(テンプレート)は以下のようになります。 あとは、ページの概要やキーワード、タイトルとコンテンツの部分を、 自分のホームページに合ったものに書き換えればいいわけです。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="description" content="ページの概要">
<meta name="keyword" content="キーワード">
<link rel="stylesheet" href="style.css" type="text/css">
<title>ページのタイトル</title>
</head>
<body>
ページの内容(コンテンツ)
</body>
</html>

※linkタグのところにあるhref="style.css"という部分は、ホームページの見た目を整えるのに使うスタイルシートのファイルです。 この部分はリンクの「パス」という考え方が関係してきます。スタイルシートとパスについては後で解説します。 とりあえず今は細かいことは気にせず、HTMLはこういうものなんだというイメージをつかんで下さい。
HTML関連の本

<<HTMLの前に
HTMLのタグ>>