今回は＜ＦＯＮＴ＞～＜／ＦＯＮＴ＞のCOLOR属性です。
ここまで読み進められてこられた人にとってこのタグ・属性はそう難しいものではありませんので、ここでは関連する知識としてコンピュータ上の色の要素であるＲＧＢを説明します。
前回までにページの背景色を設定するときやテキストの色を設定するときにBGCOLORやCOLORなどの属性を用いて色指定値"#00ff00"などと書きあらわしました。
いかにもコンピュータらしい記述ですが、意味を知らないとそれだけでコンピュータが遠いものになってしまいます。
実はそう難しいことを表わしているわけではないのです。
先にＲＧＢといいましたが、これはＲＥＤ、ＧＲＥＥＮ、ＢＬＵＥの頭文字、つまり赤、緑、青の三原色を表わしています。
そして例えば"#123456"の指定があったときには、先頭の#記号は色指定するときの単なる決まりごと、以降２桁ずつで赤12、緑34、青56の色の強度を表わしています。
コンピュータの画面ではすべての色（1677万色）は微細な三原色の組み合わせで表現されています。（すべてが消えた状態を黒として）
そのときに赤、緑、青が一定の色であるならば次のように８色しか表現できません。
| 赤 |
緑 |
青 |
点灯する色 |
HTML色指定値 |
 |
| |
|
|
すべて消灯 |
#000000 |
| 点灯 |
|
|
赤のみ点灯 |
#FF0000 |
| |
点灯 |
|
緑のみ点灯 |
#00FF00 |
| |
|
点灯 |
青のみ点灯 |
#0000FF |
| 点灯 |
点灯 |
|
赤と緑を点灯 |
#FFFF00 |
| 点灯 |
|
点灯 |
赤と青を点灯 |
#FF00FF |
| |
点灯 |
点灯 |
緑と青を点灯 |
#00FFFF |
| 点灯 |
点灯 |
点灯 |
すべて点灯 |
#FFFFFF |
|
| 上の表は横に見てください。一番右の図は左の表の混色の結果を表しています。 |
ここで、それぞれの色の強さを０から２５５段階で設定できれば赤２５６色×緑２５６色×青２５６色＝１６，７７７，２１６色を理論上設定することができるわけです。
エッ、２５６色？とおもった人は鋭い人です。先に"#123456"を説明したときに赤、緑、青それぞれ２桁といいました。２５５なら３桁です。これでは９９までしか指定できないことになります。
疑問は当然ですが、これは１６進数で指定しているからです。上の説明でも"#00ff00"といった英字を含んだ表現がでてきています。
よくコンピュータは２進数で動くとききますが、そもそも２進数とか１６進数ってなんだといわれる方も多いはずです。
あまり詳しくは説明できませんが、要は１０進数なら０から９までの１０個の記号（数字）を使ってものの数を表現しています。つまり９になり１０個目で桁上がりするわけです。
同様に２進数なら０と１の２つの記号を用いて、１６進数なら０からＦの記号を用いてものの数を表わしている訳です。
したがって、進数が大きくなればなるほど同じ記号（数字）であっても桁の進みかたが遅くなります。
そのため、２５６種類もの数を表わすのに０からＦＦの２桁の記号で表現が可能なのです。
| 10進数 |
２進数 |
１６進数 |
| ０ |
0 | 0 |
| １ |
1 | 1 |
| ２ |
10 | 2 |
| ３ |
11 | 3 |
| ４ |
100 | 4 |
| ５ |
101 | 5 |
| ６ |
110 | 6 |
| ７ |
111 | 7 |
| ８ |
1000 | 8 |
| ９ |
1001 | 9 |
| １０ |
1010 | A |
| １１ |
1011 | B |
| １２ |
1100 | C |
| １３ |
1101 | D |
| １４ |
1110 | E |
| １５ |
1111 | F |
| １６ |
10000 | 10 |
| 途中省略 |
| ２５５ |
11111111 | FF |
| ２５６ |
100000000 | 100 |
１６進数ではＧ以降のアルファベットは使われません。
１６進数のＦの欄とＦＦの欄を見てください。Ｆでは２進数で１１１１、Ｆ
Ｆだと１１１１１１１１と１６進数１桁を２進数４桁ずつで表わせています。
また１６進数の１０の欄を見てください。１は２進数でも１、０は２進数
でも０ですが、４ビットずつであらわせば００００になり、結果、１００００
となります。
これは桁がどれだけ多くなっても４桁ごとに区切ってしまえば同様の処理が可能ということです。
最終的に２進数で処理を行うコンピュータにおいては１０進数より１６進数のほうがより自然な処理になるため速く処理できます。
もちろん、このケース程度で大きな差が出るともおもえませんが・・・。
本当はここがコンピュータの基礎ですから詳しく説明したいのですが、あまり深入りするとＨＴＭＬ講座を習得する前につかれてしまうでしょうから、この程度の説明にしておきます。
とにかく１６進数なら１０進数でいう０から２５５までを２桁で表わせるということだけは確実に理解しておいてください。
さて、実際のタグの使い方は前回までのタグと同様で<FONT>タグにCOLOR属性を加えたものです。適用範囲は<FONT>タグと</FONT>の間になります。
例 <font
color="#ffd700">～</font>
<font color="magenta">～</font>
構 文
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<FONT COLOR="#FF00FF">こんにちは</FONT>
</BODY>
</HTML>
使用例
<HTML>
<HEAD>
</HEAD>
<BODY TEXT="#FF00FF">
<!--BODYタグによりテキストの標準色を紫色に設定-->
テキストの色はBODYで指定したものです。<BR>
<FONT COLOR="#0000FF">
<!--FONTタグによりテキストの色を部分的に青色に設定-->
ＦＯＮＴタグで色指定したときには部分的にそちらが優先されます。<BR>
<!--FONTタグの終わり-->
</FONT>
ＦＯＮＴタグが終わるとテキストの色はBODYタグで指定したものに戻ります。<BR>
</BODY>
</HTML>
<!--と-->で囲んだ部分はコメントとして扱われブラウザ上には表示されません。
|
