LESSON-5

フォント

今回は、見出し以外の文字にもいろいろ指定していくなり。
まず、 文字の大きさを指定するなり。

文字の大きさは、 <FONT _ SIZE="数字"></FONT> で、指定するなり。
「数字」 のところには、1〜7の数字がはいるなり。
見出しの時と逆で、数字が大きくなるほど、字もおおきくなるなり。

では、 1行目をサイズ5で、3,4行目をサイズ4で指定してみる なり。


<FONT _ SIZE="5">
ようこそ!しらちゃんの世界へ!<BR>
</FONT>

<FONT _ SIZE="4">
あなたの来るのを、おまちしてました。<BR><BR>
ぜひ、「ブックマーク」(「お気に入り」)に追加を!
</FONT>



上書き保存 してから、 アイコンをダブルクリックして見てみる なり。

このように表示

自分の気に入る大きさに自由に指定するなり。

次は 文字の色を指定する なり。
文字の色は、 <FONT _ COLOR="#RRGGBB"></FONT> で、指定するなり。
「RRGGBB」 のところには、色を赤緑青であらわした、0〜9の数字か A〜Fのアルファベットでできた6桁がはいるなり。

6桁表示でどのような色になるかは、色見本を参考にするなり。
見本に載っているのは、WinでもMacでも共通の色なり。
見本以外の色を使ってもいいけど、 環境の違いで違う色で表示されるかもしれないなり。

色見本

では、 見出しを赤( #FF0000 )あいさつ文をピンク( #FF00FF )で指定してみる なり。
すでにサイズを指定しているところは、同じタグのなかに、 COLOR="#RRGGBB" と付け加えたらいいなり。
<FONT _ SIZE="数字"COLOR="#RRGGBB"> で、いいなり。


<H1>
<FONT
_ COLOR="#FF0000">
しらちゃんワールド
</FONT>
</H1>
<FONT
_ SIZE="5"COLOR="#FF00FF">
ようこそ!しらちゃんの世界へ!
</FONT> <BR>
<FONT
_ SIZE="4"COLOR="#FF00FF">
あなたの来るのを、おまりしてました。<BR> <BR>
ぜひ、「ブックマーク」(「お気に入り」)に追加を!
</FONT>



上書き保存 してから、 アイコンをダブルクリックして見てみる なり。

このように表示

できたかな?
もちろん、自分の好きな色でしてくれたらいいなり。
というわけで、つづく。

LESSON-6へ進むなり

もどるなり