HTML CSS 講座 トップページへ

ホームページ作成 いまさらHTML,CSS講座

|  Home  |  ホームページ作成の知識  |  HTML 講座  |  HTML TABLE 講座  |  スタイルシート(CSS) 講座  |  携帯サイト 作成 講座  |
[HTMLテンプレートカテゴリ] [未分類カテゴリ]

いまさら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プロパティで代替指定する事が推奨されています。
マークスタイルシートでページ全体の基本指定。
様々なブックマークサービスがご利用頂けます。
ソース  ソース
<style type="text/css">
<!--
a:link{ color : #000080 ; }
a:visited{ color : #000080 ; }
a:hover{ color : #FF6699 ; }
a:active{ color : #000080 ; }

body{ background-color : #ffffff ; color : #000080 ; background : url(abcdefg.gif) ; margin-top : 0 ; margin-left : 0 ; }

--> 
</style>
■ ページ全体のリンク色
a要素の定義済みクラス(link、visited、active、hover)を使い、リンクの状態に応じて スタイルシートを適用させます。
■ a:link
ハイパーリンクの表示を設定
■ a:visited
一度訪れたことのあるリンクの表示を設定
■ a:hover
ハイパーリンクにマウスを乗せた時の表示を設定
■ a:active
ハイパーリンクをクリックした時の表示を設定
⇒ 定義済みクラス
■ ページ全体の背景
■ background-colorプロパティ
背景色をRGB値、またはカラーネームで指定します。
■ background-imageプロパティ
背景に使う画像を指定します。
⇒ backgroundプロパティの説明
■ ページ全体の文字色
■ colorプロパティ
文字色をRGB値、またはカラーネームで指定します。
⇒ colorプロパティ
■ ページ全体の余白
■ margin-topプロパティ
ページ上部のマージンを指定します。
■ margin-bottomプロパティ
ページ下部のマージンを指定します。
■ margin-leftプロパティ
ページ左側のマージンを指定します。
■ margin-rightプロパティ
ページ右側のマージンを指定します。
ポイント  margin-* の値はパーセント( % )または、値をつけた数値で指定します。また、数値のみで指定した場合の単位はピクセル( px )となります。
⇒ marginプロパティ、margin-*プロパティ

ページTopへ
(C) いまさらHTML CSS講座 2002-2008 All right reserved