ぱそおーるHTML講座

HTMLの構造を知ろう


HTMLの構造を知っておきましょう。
下に普通のホームページのソースを表示してみます。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>テスト</title>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<meta name="robots" content="all">
<meta name="keywords" content="ホームページ,作成,HTML,CSS">
<meta name="description" content="ホームページ作成ぱそおーる">
</head>
<body>
</body>
</html>
多少の違いはありますが、上のような感じになっています。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
この部分でHTMLのバージョンを記述しています。

<html>〜</html>
このファイルがHTMLで構成された文書である事を示すタグです。
ホームページの情報を記述する<head></head>タグ
ホームページの内容を記述する<body></body>タグが含まれます。

<head>〜<head>
ホームページの情報を記述する部分です。
<title></title>タグ
<meta>タグ
などが含まれます。
この部分に記述された文章は、ホームページに表示されません。
例外的に<title></title>タグ内に書かれた文字だけはブラウザの上部に表示されます。


<body></body>
この部分に記述された文章や画像などがホームページとして表示される部分です。
この部分にHTMLタグとCSS（スタイルシート）を使ってホームページを作成していきます。
HOMEへ