|
| いまさらHTML,CSS講座トップ > HTML4.01 講座インデックス > ページ全体の基本指定 |
|
|
BODYタグにページ全体の指定をします。
|
|
| 【 CSSでのページ全体の指定はこちら 】 |
|
|
| body 要素は、HTMLの基本構造を表すタグのひとつで、ブラウザに表示される本文の前後を囲みます。またオプションをつけることでページ全体に様々な指定ができます。 |
|
|
ソース |
| <body background="abcdefg.gif" bgcolor="#ffffff" text="#000000" link="#0000FF" alink="#ff00ff" vlink="#008040" topmargin="0" leftmargin="0"> |
|
|
|
| ■ ページ全体の背景 |
|
| ■ bgcolor="#ffffff" bgcolor属性 ( 非推奨 ) は、ページ全体の背景色を指定します。 値は、16進数で表すRGB値、またはカラーネームで指定します。
|
16進数で表すRGB値 |
| ホームページ作成にあたり使用できる色は、赤、緑、青の原色を256階調とし、その組み合わせで256×256×256=16777216 色が使用できることになっています。 |
| 16進数で表すRGB値とは、赤、緑、青の順に16進数( 0123456789abcdef )を各色 2つ 並べ色調を表現する方法です。各色につき16進数が2つありますので、16×16=256 階調が指定できます。 |
|
カラーネーム |
| 16進数で表すRGB値は、パソコンが色を扱う為の表記のため、それを記述する人間にとって英数字の羅列では、色のイメージが困難であったため、各ブラウザが、navy ( RGBでは #000080 )などのように、人間にも色をイメージし易いように カラーネーム ( カラーコードとも言います。 )を独自に実装した機能のひとつです。 |
| カラーネーム一覧 (新規ウィンドウが開きます。) |
|
| ■ background="abcdefg.gif" background属性 ( 非推奨 )は、背景に使う画像を指定します。(並べて表示) |
 |
background属性で背景画像を指定した場合、bgcolor属性や、background-colorプロパティで似た色を背景色として指定しましょう。背景画像が表示されなかった場合の救済措置です。 |
|
代替指定 |
| bgcolor属性は、backgroundプロパティ、または、background-colorプロパティ、background属性は、backgroundプロパティ、または、background-imageプロパティと、それぞれ、CSSで代替指定する事が推奨されています。 |
|
| ■ ページ全体の文字色、リンク色 |
|
| ■ text="#0000ff text属性 ( 非推奨 )は、ページ全体の文字色をRGB値、またはカラーネームで指定します。 |
| ■ link="#ff0000 link属性 ( 非推奨 )は、ハイパーリンクが設定されている文字をRGB値、またはカラーネームで指定します。 |
| ■ alink="#ff0000 alink属性 ( 非推奨 )は、ハイパーリンクが設定されている文字をクリックしたときの文字色をRGB値、またはカラーネームで指定します。 |
| ■ vlink="#ff0000 vlink属性 ( 非推奨 )は、一度訪れたことのあるページへのハイパーリンク文字をRGB値、またはカラーネームで指定します。 |
代替指定 |
| text属性は、colorプロパティ、link属性は、:link疑似クラス、vlink属性は、:visited疑似クラス、alink属性は、:active疑似クラスと、それぞれ、CSSで代替指定する事が推奨されています。 |
|

|
| ■ ページ全体の余白 |
|
| ■ topmargin属性 topmargin属性は、ページ上部のマージンを指定します。 |
| ■ bottommargin属性 bottommargin属性は、ページ下部のマージンを指定します。 |
| ■ leftmargin属性 leftmargin属性は、ページ左側のマージンを指定します。 |
| ■ rightmargin属性 rightmargin属性は、ページ右側のマージンを指定します。 |
| 値は数値のみで指定します。表示される単位はピクセル( px )となります。 |
代替指定 |
| 余白を指定する属性は、それぞれ、CSSの、marginプロパティで代替指定する事が推奨されています。 |
|