>> HTML講座 >> 文字をいじってみよう!

文字をいじってみよう!

hyoujun.gif (3488 バイト)

2ページのスタイルを決定しよう!
NE3 NE4 NE6 IE3 IE4 IE5 IE6 i

基本編で文字に色をつけたよね。あれは一部分の文字に色をつける方法だったね。
でも1ページ全部の文字に色をつけたりしたいときにはどうすればいいかな?
毎回わざわざ<FONT COLOR>のタグを使って色を指定する?
そこでこれが登場、ここではリンクの文字(マウスで押すと他のページにいけるようになっている文字)の色も変えることができるしクリック(マウスの左ボタンを押す)したときのリンクの文字の色を変えることもできるんだ。
さらに、一度行ったことのあるページへのリンクの色を変えることもできて、見る人が今までどこに行ったことがあるかをすぐにわかるようにしてあげられるんだよ。

<BODY TEXT="">〜</BODY>・・・・・このページの標準の文字の色
<BODY LINK="">〜</BODY>・・・・・リンク部分の文字の色
<BODY ALINK="">〜</BODY>・・・・・リンク部分の文字を押した時変化する色
<BODY VLINK="">〜</BODY>・・・・・すでに行ったことのあるページへのリンク文字の色

■・・・・・色が入ります。”#RRGGBB””色の名前”どちらも使えます。

これはページ全体の文字の色を決めるんだったね。
だから、はじめの<BODY>の中に書くことに注意してね。
”#RRGGBB”の色指定については後で説明するからね。
色の名前は前に書いたような名前(blue,yellow,red等)で指定してね。
じゃあ、どのようになるのか見てみよう。

 SOURCE
<HTML>
<HEAD>
<TITLE>アドレスの表示</TITLE>
</HEAD>
<BODY TEXT="blue" LINK="green" ALINK="orange" VLINK="red">
ここに書いたリンクは、上で指定したスタイルになる。
</BODY>
</HTML>

このように設定した時、文字を書いたりリンクをつけたりするとこのようになる。

 RESULT  
普通の文字

リンク文字

ボタンを押して読み込んでいる時

すでに行ったことのあるリンク


"#RRGGBB"色指定についてその1

ここで”#RRGGBB”色指定について少しやっておこう。
ここは前に本屋で読んだような・・・というあいまいな記憶なので多少違っているかもれません。
RというのはREDの赤の頭文字。GというのはGREENの緑の頭文字。BというのはBLUEの青の頭文字なんだ。
ここではパソコンでよく使われる16進数というものを使うんだ。
まず、R、B、Gにはそれぞれ16段階の色があると考えてね。
Rには1〜Fまで(暗い0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F明るい)16の段階があるんだ。
そして全て(GにもBにも)に同じように段階があるので、
RRGGBBにそれぞれ16段階づつ、つまり(1〜F)(1〜F)(1〜F)(1〜F)(1〜F)(1〜F)が入るよね。
だから色の組み合わせは16×16×16×16×16×161677万7216通りあるんだ。
すごい数だよね。だから細かい色の設定はこちらの方が断然有利だよ!



 アドレスを記入する
 見出しを作ろう!