HTML文書の基本構造

HTML文書の基本構造

HTML文書は次のような構造をしている。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<HTML lang="ja">
<HEAD>
<TITLE>titleのテスト</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
</HEAD>
<BODY>
<P title="TITLE要素のテスト">TITLE要素のテスト</P>
</BODY>
</HTML>

既存のホームページのソースを見るとどんな構造をしているかを確認できる。

 DOCTYPE

HTML文書のバージョンを定義する。

 HTML要素

HTML文書の始まりと終わりを示す要素。

<HTML>...</HTML>

 HEAD要素

HTML文書の文字コードなどの情報を定義する部分。

• TITLE要素でブラウザのタイトル部に表示する文書のタイトルを設定する。
• META要素で文書の概要、キーワード、文字コードなどを指定する。

 BODY要素

文書そのものを記述。ブラウザのレンダリング対象となる。

書式

<BODY bgcolor="色名" background="画像のURI" text="色名" vlink="色名" alink="色名">

BODY要素の属性

背景色などはデザインの部分はCSSで定義するのがよい。

[HTML]