魁!ホームページメイク

文字の色
さて、ここまでで初級講座の半分ぐらいが終了〜♪
おぉー!って感じですね^^
今回は文字の色を変えてみましょう!

文字の色を変えるタグは文字のサイズを変えるために
使ったタグ、<font>を使います。
先ほどはサイズを変えるために
<font size="?">
と<font>にsize="?"を追加しましたよね。

色の場合はもう、そのまま♪
<font color="#?">
ね?そのまんま(笑)

これを文字のサイズのときと同じように
<font color="#?">ここに</font>
はさめばOK!簡単ですよね^^

さて、サイズの時と同じでまた?があります。
この?にはどの色かをコンピューターに教えるのですが、
色を伝えるためには、Webセーフカラーコードというのを
入力していただきます。

は?って思った人が多いと思います^^;
Webセーフカラーとはどのパソコンで見ても
同じ色に見えるための、色の暗号文みたいなものだと思ってください。

しかし、暗号文と例えただけあって、
この色のコードを覚えるのは大変です。
そこで、こちらの表を用意しました。

Webセーフカラーコード表

その表の色の上にかかれている文をそのまま
?の部分に入れればOKです♪

<HTML>
<HEAD>
</HEAD>
<BODY>
朝は<font color="#0066ff">おはよう</font><BR>
昼は<font color="#ff4040">こんにちわ</font>
</BODY>
</HTML>


という感じです。
もし、サイズと色を一緒に変えたい場合は
<font size="2" color="0066ff">
という風にsizeとcolorの間に半角スペース
入れて書き加えれば、そのタグで挟まれた
文字の色とサイズが変わります。


戻る

Produced by AoiKaoru
Copyright 魁!ホームページメイク. All Rights Reserved