全体の文字の色や背景の色とイメージを指定する

<body> タグオプションで背景や文字の色を指定する

<body>の後に次のようなオプションを加えれば、背景のイメージや文字、リンクボタンの色を設定することができます。
bodyタグオプションの使用パターン：
<body background=url bgcolor=#rrggbb text=#rrggbb link=#rrggbb vlink=#rrggbb alink=#rrggbb>

  • background:
    background=背景ファイル名で、背景にする背景画像ファイルを指定する。(Yahoo などでフリー素材を検索して、自分のページに貼ることができます。ただし、フリー素材ではなければ、勝手に使ってはいけません。）次のフリー素材の一つ選 んでbg1.gif名前でzドライブのpublic_htmlフォルダに保存しましよう。

    bg1.gif bg2.gif bg3.gif bg4.gif bg5.gif bg6.gif
  • bgcolor:
    bgcolor=＃rrggbbで、背景の色を指定する。
  • text:
    text=#rrggbbで、文字の色を指定する。
  • link:
    link=#rrggbbで、リンクボタンの色を指定する。
  • vlink:
    vlink=#rrggbbで、すでにリンク済みのときのリンクボタンの色を指定します。
  • alink:
    alink=#rrggbbで、クリックされているときのリンクボタンの色を指定します。

「#rrggbb」の指定

#rrggbb の部分は、「＃」次に光の３原色、赤(red)、緑(green）、青(blue)の強さをそれぞれ 00-FFの２桁の１６進数で指定し、色を作ります。 また、#rrggbbではなく、色の名前(red,yellow,grayなど)を直接に使って、色を指定することもできます。 以下は参考までにあげておきます。

名前と色
beige bisque black blue brown
coral cyan gold gray green
hotpink indigo khaki lime linen
orange peru pink plum purple
red salmon silver skyblue tan
teal tomato wheat white yellow
#rrggbbと色
#ffffff #ffff00 #ff0000 #000000 #ff00ff
#00ff00 #0000ff #007f00 #660000 #bfbfbf
#abcdef #cc00ff #33ccff #ff9900 #cccc00
#7f0000 #00007ff #7f7f00 #7f007f #000077

<body>タグオプションの使用例

HTMLファイル 画面表示
<html>
<head>
<title>府大太郎のhomepage</title>
</head>
<body background=bg1.gif text=#ff0000>
府大太郎のホームページ　ようこそ
</body>
</html>
府大太郎のhomepage – Netscape
File Edit View Go Bookmarks Options
府大太郎のホームページ　ようこそ