Next page Previous page table of contents

Guide to HTML 3.2
 - Wilbur -

BODY - Document body
*

ドキュメント・ボディー


タグ: [<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エレメントはドキュメントの「ボディー」を表わします。オープン・タグ、クローズ・タグともに省略が可能です。

ドキュメント・ボディーの構造
HTMLドキュメントはヘッダーとボディーの二つセクションから構成され(基本ストラクチャー)、ヘッダーにはドキュメント情報が書かれ、ボディーにはウェブ・ページとしてブラウザー画面に表示されるドキュメントの本文が入ります。従って、このボディーには様々な種類のエレメントが入ります。

ボディーに入るエレメントは大きく「ブロック・レベル・エレメント」と「テキスト・レベル・エレメント」の二つに分けられます。
ブロック・レベル・エレメントにはその前後に改行あるいは段落が入りますが、テキスト・レベル・エレメントには改行も段落も入りません。



ボディーの中で、ブロック・レベル・エレメントに入っていないプレーン・テキストはパラグラフを表わすPエレメントに入っているものとみなされます。



アトリビュート(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">
Example1とExample 2の色指定はそれぞれ対応しています。
 BGCOLOR
ドキュメント・ボディーのバックグラウンドの色を指定する際に使います。
 TEXT
テキストの色を指定する場合に使います。バックグラウンドの色やグラフィックによってはテキスト・カラーを変える必要が出てきます、その際にこのアトリビュートを使いドキュメント全体のテキストの色を指定します。
 LINK
ハイパーテキスト・リンクの色を指定します。
 vlink
すでにアクセスしたハイパーテキスト・リンクの色を指定します。
 alink
ハイパーテキスト・リンクをクリックした時に瞬間的にハイライトする色を指定します。
 BACKGROUD
ドキュメント・ボディーのバックグラウンドに使うイメージのURLを指定する場合に使われます。

注意:
タグを書く場合はスペースを入れませんが、アトリビュートをタグに書き入れる場合は、必ずアトリビュートの前にブランクを入れます。ブランクは一つあるいは一つ以上必ず入れて下さい。一つのタグに複数のアトリビュートを入れる場合も同じように、それぞれのアトリビュートの前にブランクを入れて下さい。 attributeはオープン・タグだけに入り、クローズ・タグは通常通りです。


色の指定

表になっている16色は(Windows VGA palette でサポートされている16色です)カラーネームでも指示することも出来ます。 カラーネームの後に書かれている表記方法 "#RRGGBB"は RGBの三原色を16進数で表記する方法です。

Color names and sRGB values
 
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 values から Hex. valuesへのコンバート

RGB values を Hexadecimal values(16進数)にコンバートする計算は難しくありません。 RGB valuesは base-10 system (10進法), Hex valuesは base-16 system (16進法)です。 Hex valuesに入る16進数というのは、RGB の0から15に対して、0から9と Aから Fが対応します。

RGB:
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
HEX:
0
1
2
3
4
56
7
8
9
A
B
C
D
E
F
このページのバックグラウドのRGB valuesは R - 229, G - 229, B - 229, です。
これを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"
です。

ちなみに、このHexadecimal valuesはで指定できる色の数は
16 x 16 =256
これが例えばRRで指定できる色の数です。RR, GG, BB, とありますから
256 x 256 x 256=16,777,216
ミリオンカラーですね。
Next page Previous page table of contents

[HTML help] [Basics] [HTML 3.2] [Beginner's] [How]

Copyright (C) 1997 Abacuss iconABACUSS LTD.
www.abacuss.com