HTMLの構造

ここでは、「 HTMLの構造」に関する記事を紹介しています。

HTMLの構造

［ 2006/05/02(火) ］

HTMLの構造

HTMLには３種類の｢ドキュメント構造タグ｣があり、これらを使ってドキュメントの全体的な構造を記述します。実際に画面上に影響を与えることはほとんどありませんが、このタグのおかげでどのようなマシンでブラウズしても問題がおこらないクロスプラットフォーム性を実現しています。

<HTML></HTML>

すべてのHTMLドキュメントに表れる最初のドキュメント構造タグは、<HTML>タグです。このタグはこのファイルの内容がHTML言語で書かれていることを示すものです。
全てのHTMLのドキュメントは、下記のように<HTML>タグで囲まれていなければなりません。

<HEAD></HEAD>

<HEAD>タグに囲まれている部分はその文章におけるヘッダ（頭書き）です。
ドキュメントの<HEAD>部分には、ドキュメントのタイトル、制作者の情報、日付などブラウザに現れない情報を記入することが出来ます。ヘッダ内には、けっしてドキュメントの本文は書きません。

<TITLE></TITLE>

すべてのHTMLドキュメントはタイトル（表題）を持ち、<TITLE>タグを使って指定します。
<TITLE>タグはヘッダの中に書きます。
このタグによって記述された内容は多くの場合ブラウザのウインドウのタイトルバーに表示されます。

ドキュメントのタイトルを２つ以上書くことはできません。また、タイトルにはテキスト以外のもの（他のタグやリンクなど）を含むことはできません。

<BODY></BODY>

<HEAD>タグに続いて記述し、HTMLドキュメントのその他の要素すべて（テキスト、リンク、画像、絵など）は<BODY>タグに囲まれます。つまり<BODY>タグに囲まれた部分が本文と言う意味です。
またこの<BODY>タグにはオプションがありそれを指定することでそのページの基本的なレイアウト（背景の色、テキストの色とかリンクの色など）を決めることができます。

<BODY BGCOLOR=#xxxxxx>
この記述で背景色が決まります。xxxxxxのところで１６進数を用いて色を指定します。色の指定の仕方は後述します。
<BODY TEXT=#xxxxxx>
通常のテキストの色の指定をします。
<BODY LINK=#xxxxxx>
リンク色の指定をします。
<BODY VLINK=#xxxxxx>
行ったことのあるリンクの指定をします。vlinkとは「visited link」です。
<BODY ALINK=#xxxxxx>
リンクをクリックしたときに一瞬だけなる色の指定をします。
<BODY BACKGROUND="背景のグラフィックの名前">
背景に貼る画像ファイルの指定をします。グラフィックファイルについては後で紹介します。

これらのオプションは<BODY>タグを書く際に一緒に書きます。
<BODY bgcolor=#ffffdd link=#ffff00 vlink=#0000ff>

以上のことをまとめると、基本的なHTMLドキュメントは以下のようになります。

<HTML>
<HEAD>
<TITLE>タイトル</TITLE>
</HEAD>
<BODY>
本文（ＨＴＭＬドキュメント）
</BODY>
</HTML>

◎無料ホームページ作成講座
　※ホームページ作成基礎知識講座（HTMLの基本）

ホームページ作成の基本 | トラックバック：6 | コメント：0 | Page Top↑

≪HTMLの基本 | ホーム | 見出し・段落・コメント≫

この記事へのコメント

コメントを投稿する