授業形式でhtml・ソース・タグを勉強し、ホームページを自作する　背景色

背景は英語で「background」。背景に色をつけると「background-color」。
スタイルシートでは、そのとおりに書きます。
タグでは属性として「bgcolor="yellow"」などと書きます。

ページ全体に: <body bgcolor="#ffeeee">～</body>
テーブル（表）に: <table bgcolor="#ffeeee">～</table>
テーブル１マスに: <td bgcolor="#ffeeee">～</td>

ここでは少し色コードを勉強します。
「#RRGGBB」は「RR」＋「GG」＋「BB」で組み合わされ、「R」は赤、「G」は緑、「B」は青を表します。
それぞれ 0～255 の256種類、これを16進数で書きます。
つまり 0～255 は、00～ff で表示され、「00」弱い色、「ff」強い色になります。
これを『光の三原色』で組み合わせると、1,677万色の色ができます。

≪参考≫

系統	光が強い	－	－	－	－	－	光が弱い
白－黒	`#ffffff` 白	`#eeeeee`	`#cccccc`	`#999999`	`#666666`	`#333333`	`#000000` 黒
赤系	`#ffeeee`	`#ffaaaa`	`#ff6666`	`#ff0000` 赤	`#cc0000`	`#990000`	`#660000`
緑系	`#ddffdd`	`#99ff99`	`#33ff33`	`#00dd00` 緑	`#009900`	`#006600`	`#003300`
青系	`#eeeeff`	`#aaaaff`	`#6666ff`	`#0000ff` 青	`#0000aa`	`#000066`	`#000033`

色はパソコンにより見え方が異なります。
メーカーや型番によってクセがあるようです。

≪練習≫
保存した「練習２.html」の「body」部分に背景色を加えます。
「練習２.html」を右クリックし、「プログラムから開く」→「Notepad」をクリック。
「ファイル」→「名前をつけて保存」を選び、「練習３.html」で保存します。

「<body bgcolor="#ffffff">」の色を変えてみましょう。

<html>
<head>
<title>文字の大きさ・色</title>
</head>
<body bgcolor="#ddddff">
<p align="center">
<font size="6" color="olive" face="HGｺﾞｼｯｸE">
ホームページ自作≪タグ勉強会≫<br>自己紹介
</font>
</p>
<p align="center"><img src="gazou/a02.jpg"></p>
</body>
</html>

薄い色を選ぶと、文字や写真が見やすくなります。
良い色ができたら上書き保存してください。

≪完成したイメージ≫