ＨＴＭＬ文書の基本構成

<HTML>...</HTML>（ＨＴＭＬファイルであることを表す）
<HEAD>...</HEAD>（ヘッダ情報）
<TITLE>...</TITLE>（文章のタイトル）
<BODY>...</BODY>（文書の本文）

<HTML>
<HEAD>
<TITLE>
文書のタイトル
</TITLE>
（その他のヘッダ情報）
</HEAD>
<BODY>
（ＨＴＭＬ文書の本文）
</BODY>
</HTML>

ＨＴＭＬ文書を作成する際に使用する、もっと基本的なタグです。

終了タグには省略できるものとできないものがあります。

ページにタイトルを付ける

<TITLE>...</TITLE>

<HEAD>
<TITLE>HANDBOOK Series:Index Page</TITLE>
</HEAD>

ＨＴＭＬ文書には、必ずタイトルを付けなくてはなりません。タイトルを付けるには＜ＴＩＴＬＥ＞を使用します。

なお、タイトルはは文書のヘッダ情報の一種なので、必ず<HEAD>...</HEAD>の間に置かれます。

背景色を設定する

<BODY　bgcolor="colors">(colors:色の値「１６進数、または色名」）

<BODY bgcolor="#00ffff">
<P>HTML文書の本文</P>
</BODY>

ページ全体の背景色は設定した場合は<BODY>のbgcolor属性を使用します。

色の名前で設定

一部の色については、１６進数ではなく、具体的な色名で設定することもできます。
ＨＴＭＬの規則では、次のような１６種類の色名が規定されています。また、色名を
使用する場合は、先頭の「＃」は不要です。

色	色名	16進数	表示例
黒	Black	#000000
銀	Silver	#c0c0c0
灰	Gray	#808080
栗	Marron	#800000
赤	Red	#ff0000
紫	Purple	#800080
紫紅	Fuchsia	#ff00ff
緑	Green	#008000
ライム	Lime	#00ff00
オリーブ	Olive	#808000
黄	Yellow	#ffff00
濃紺	Navy	#000080
青	Blue	#0000ff
暗緑	Teal	#008080
水色	Aqua	#00ffff

背景色を設定する

<BODY background="url">(url:表示する画像のＵＲＬ)

<BODY background="carnation.jpg">
<P>HTML文書の本文</P>
</BODY>

ページ全体の文字の色を設定する

<BODY text="colors">(colors：色の値「１６進数、または色名」)

<BODY backcolor="#000080" text="#ffffff">
<P>ページ全体の背景色を設定した場合、あるいは背景に画像を設定した場合、。。。。。。。。
</P>
</BODY>

表示位置をまとめて揃える

<DIV align="left|center|right">...</DIV>

<DIV align="left">
<P><IMG src"solsort.jpg" width="80" height="60">
<BR>
クロウサギ</P>
</DIV>

<DIV align="center">
<P><IMG src"solsort.jpg" width="80" height="60">
<BR>
クロウサギ</P>
</DIV>

<DIV align="right">
<P><IMG src"solsort.jpg" width="80" height="60">
<BR>
クロウサギ</P>
</DIV>

表示位置をまとめて中揃えにする

<CENTER>...</CENTER>

<CENTER>
<P><IMG src="solsort.jpg" width="120" height="90"><BR>
クロウタドリ</P>
<P><IMG src="solsort.jpg" width="120" height="90"><BR>
クロウタドリ</P>
</CENTER>

表示位置をまとめて中揃えにする

<H1>...</H1>(見出しレベル１)
<H2>...</H2>(見出しレベル2)
<H3>...</H3>(見出しレベル3)
<H4>...</H4>(見出しレベル4)
<H5>...</H5>(見出しレベル5)
<H6>...</H6>(見出しレベル6)

水平線を引いてページを区切る

<HR>

コメントを記述する