【みんヘル】文字修飾 ～文字の色を替える～

あぁ、いつになったらテーブルのことを書くんだろ？

うん。ま、いっすね。
そのうち書きますよ、きっと。
もしかしたら樹☆くんが書いてくれるかも知れんし。（＾＾）

---

さて今回は「文字修飾 ～文字の色を替える～」ってことにしました。

今までは、みんカラが用意してくれたボタンを使った文字の修飾だったわけですが、
今回は違いますっ！
自分でタグを打つんですっ！

なので、これは中級編です。(｀･ω･´)ｂ

---

では、手始めに文字の色を替えてみましょうか。
敢えて「変えて」ではなく「替えて」と書いたところにミソがあったりします。

というのは、実はこの方法は推奨はされてはいません。
見た目に関しては「スタイルシート」で変更しなさい、とされているんですね。

スタイルシート・・・
ご存知の方も大勢いらっしゃるでしょうし、多くの方がみんカラが用意している
様々なスタイルシートに変更していますね。
ご存知ない方も、マイページのメニューの中に「スタイルシート」っていうのがある
ことぐらいは知ってるでしょうか。


例えば、上記のように「替えて」を赤くしましたよね。
んで、僕が気が変わってブログの欄の背景を「赤」に変えちゃったらどうなるでしょう？

そうですね、当然書いた文字は見えなくなっちゃうわけです。
それを昔のブログに遡って、いちいち変更するなんて気が遠くなってしまいます。

---

とまぁゴタクを並べましたが、そういった理由で僕自身はフォントの色を替えたことが
ないんですね（ブログでは）。

でも、それはそれ、これはこれ。
替えてみたい時は、替えてみたいのサッ！(^∀^；


では具体的に。

簡単に文字の色を替えるには <font> というタグを用います。
この <font> タグを用いると、

• 文字の色
• 文字の大きさ
• フォント種

を替える事ができます。
（Netscapeに対してのみ、もうちょっと別の項目もありますけど）

ただ、文字の大きさに関してはボタンが用意されてますし、フォントの種類は
正直替えないほうが見やすいと思いますので、色だけに特化しますね。


色を替えたい文字の前後に、このようなタグを挿入します。

　　<font color="red">この文字は赤です</font>

これを実際にブログに書くと、

　　この文字は赤です

となります。簡単でしょ？ （・∀・）


このように、<font color="～"> で色を指定し、最後に </font> で
元の色に戻しています。

はい、コレッ！
「元の色に戻している」ということは、「元の色がある」ということですよね。
じゃあ、元の色って何？

僕のブログの場合、今のところ文字は灰色で表示されています。
この「ブログの文字は灰色」っていうのが、実はスタイルシートに記述されて
いるんですね。
だから、<font color="～"> で指定しない限り文字は灰色で表示されるし、
</font> で元の色、つまり灰色に戻るんです。

つまり僕は、文字の色を灰色から赤に「替えて」、後で「元に戻した」んです。

---

いかん、いかん。
相変わらずゴタクが多くなってきた。すんまそ。(´-ω-`)

ともかく、色を替えたい文字の前に <font color="～"> を挿入し、
元の文字の色に戻す所に </font> を挿入しましょう。


あとは、この色を表す"～"ですよね。
ここにはRGB値と呼ばれる赤・緑・青の光の三原色を16進数で表現したものを記述
することもできるのですが、まぁ今回はやめておきましょう。
変な中間色を用いないのであれば、以下の16色があれば充分です。

• ■ Black
• ■ Gray
• ■ Silver
• ■ White
• ■ Red
• ■ Yellow
• ■ Lime
• ■ Aqua
• ■ Blue
• ■ Fuchsia
• ■ Maroon
• ■ Olive
• ■ Green
• ■ Teal
• ■ Navy
• ■ Purple

これらの文字を"～"のところに記述すれば、それぞれの色で表示されますよ。

　　<font color="aqua">水色だ</font> ⇒ 水色だ

---

どうです？ ご理解いただけましたか？

ちなみに まだ説明していない「テーブル」の場合は、ちょっと面倒です。
というのも、<font color="～"> と </font> の間にテーブルを挿入しても、
そのテーブル内の文字には影響を与える事ができません。

ま、それは一応知識として頭の片隅にでも置いておいて頂ければ、と。


では、また次回。

起立、礼！