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

文字をいじってみよう!

基本2.gif (3034 バイト)

2文字のサイズを変えよう!
NE3 NE4 NE6 IE3 IE4 IE5 IE6  

さっき、文字をブラウザに書いたね。
今度はその文字を大きくしたり小さくしたりしてみよう。
方法はいくつかあるけど、そのうち2つをやってみよう。

<FONT SIZE=>〜</FONT>

■・・・・1〜7の数字が入る

■の中には1〜7の数字が入るんだ、1が一番小さく7が一番大きいんだよ。
何もサイズを指定しないで書いたときは3の大きさになっているからね。

 SOURCE
<BODY>〜</BODY>に書く

<FONT SIZE=■>こんな風になります</FONT>          ←■に好きな数字をいれて大きさを決めよう。

じゃあ、1〜7までどのくらいの大きさか表示してみよう。

 RESULT  
こんな風になります                                  ←■=1の時
こんな風になります                                 ←■=2の時
こんな風になります                               ←■=3の時(デフォルト)
こんな風になります                                                                    ←■=4の時
こんな風になります                                                       ←■=5の時
こんな風になります                                              ←■=6の時
こんな風になります            ←■=7の時

もう1つの方法は、

<BIG>〜</BIG>      ・・・・一段階大きく
<SMALL>〜</SMALL>  ・・・・一段階小さく

一段階だけ大きく、または小さくしたい時にはこれを使おう。

 SOURCE

<HTML>
<HEAD>
<TITLE>文字の大きさ</TITLE>
</HEAD>
<BODY>

<SMALL><SMALL>
2段階小さく</SMALL></SMALL><P>
<SMALL>
1段階小さく</SMALL><P>
通常の大きさ<P>
<BIG>1段階大きく</BIG><P>
<BIG><BIG>2段階大きく</BIG></BIG>

</HTML>

二段階大きくしたい時は上のように<BIG><BIG>〜</BIG></BIG>のように2回続けてくくろう。
これも、何も指定しない場合は3の大きさになるよ。
これを表示するとこのようになる。

 RESULT  
さらに一段階小さく                                            ←<SMALL><SMALL>〜</SMALL></SMALL>
一段階小さく                                                                 ←<SMALL>〜</SMALL>
通常の大きさです                                         ←これは何も指定してない
一段階大きく                      ←<BIG>〜</BIG>
2段階大きく                      ←<BIG><BIG>〜</BIG></BIG>

※フォントの大きさは1段階変化すると、20%変化するようです。


行を変えよう
文字に飾りをつけよう