ドキュメント・ボディー
| タグ: | [<BODY>] [</BODY>] |
|---|---|
| アトリビュート: | BACKGROUND=URL, BGCOLOR=#RRGGBB, TEXT=#RRGGBB, LINK=#RRGGBB, VLINK=#RRGGBB, ALINK=#RRGGBB |
| Children: | Text-level ナシ Block-level Hx, ADDRESS, P, UL, OL, DIR, MENU, PRE, DL, DIV, CENTER, BLOCKQUOTE, FORM, HR, TABLE |
| Parenet: | HTML |
BODYエレメントはドキュメントの「ボディー」を表わします。オープン・タグ、クローズ・タグともに省略が可能です。
ドキュメント・ボディーの構造
ボディーに入るエレメントは大きく「ブロック・レベル・エレメント」と「テキスト・レベル・エレメント」の二つに分けられます。
ブロック・レベル・エレメントにはその前後に改行あるいは段落が入りますが、テキスト・レベル・エレメントには改行も段落も入りません。
ボディーの中で、ブロック・レベル・エレメントに入っていないプレーン・テキストはパラグラフを表わすPエレメントに入っているものとみなされます。
- 見出し(Heading Elements) H1からH6
- ADDRESS エレメント(The ADDRESS element)
- ブロック・レベル・エレメント(Block level Elements)
- テキスト・レベル・エレメント(Text level Elements)
アトリビュート(Attributes)
BODYエレメントに:BACKGROUND, BGCLOR, TEXT, LINK, VLINK, ALINKのアトリビュート (attribute)を入れ、バックグラウンドにイメージを入れたり、バックグラウンドやテキストやハイパーテキスト・リンクの色を指定することが出来ます。
色は指定するにはカラー・ネーム(16 色あります)を書き入れるか、三原色RGBを16進数で表現します。
Example 1:
<BODY BGCOLOR=white TEXT=black LINK=navy VLINK=maroon ALINK=red>Example 2:
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#000080" VLINK="#800000" ALINK="#FF0000">
注意:
タグを書く場合はスペースを入れませんが、アトリビュートをタグに書き入れる場合は、必ずアトリビュートの前にブランクを入れます。ブランクは一つあるいは一つ以上必ず入れて下さい。一つのタグに複数のアトリビュートを入れる場合も同じように、それぞれのアトリビュートの前にブランクを入れて下さい。 attributeはオープン・タグだけに入り、クローズ・タグは通常通りです。
表になっている16色は(Windows VGA palette でサポートされている16色です)カラーネームでも指示することも出来ます。
カラーネームの後に書かれている表記方法 "#RRGGBB"は RGBの三原色を16進数で表記する方法です。
| | Black = "#000000" |
| Green = "#008000" |
| | Silver = "#C0C0C0" |
| Lime = "#00FF00" |
| | Gray = "#808080" |
| Olive = "#808000" |
| | White = "#FFFFFF" |
| Yellow = "#FFFF00" |
| | Maroon = "#800000" |
| Navy = "#000080" |
| | Red = "#FF0000" |
| Blue = "#0000FF" |
| | Purple = "#800080" |
| Teal = "#008080" |
| | Fuchsia = "#FF00FF" |
| Aqua = "#00FFFF" |
|
RGB: | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| HEX: | 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | A | B | C | D | E | F |
このページのバックグラウドのRGB valuesは R - 229, G - 229, B - 229, です。ちなみに、このHexadecimal valuesはで指定できる色の数は
これをHex. values - RRGGBB にコンバートするには、 それぞれの RGB valuesをまず16で割ります。
R (Red) - 229
229 ÷16=14.3125
答えの14.3125のうち、まず整数の14はHex. values RRの最初の Rのvalueになります。上のテーブルを見てください、14はHex valueのEになり、最初のRのvalueは Eです。
次に、余りの0.3125に16を掛けなおします。
0.3125 X 16=5
5はHexでもそのまま5で、これが二つめのRのvalueです。
(これは、最初に割る時に、229 ÷16=14 余り5 でも同じです。)
RGB valuesの229はHex. valuesではE5です。
G (Green) も B (Blue) も同じように計算して RRGGBBに書き込めばいいわけです。
このページはR, G, B, ともに229ですから、バックグラウド・カラーは、
BGCOLOR="#E5E5E5"
です。
ABACUSS LTD.