文字のサイズを変える

HTMLでは、文字の大きさを変更することが出来ます。ここで紹介する下表は左列と右列では値の書き方が違いますが、どちらを使用しても表示のサイズは同じになります。<font></font>タグは将来的に廃止予定なので、推奨はしません。スタイルシートでの文字の大きさを指定する方法はこちらにあります。

<FONT SIZE=*>文字列</FONT>

<FONT SIZE=1>

<FONT SIZE=-2>

<FONT SIZE=2>

<FONT SIZE=-1>

<FONT SIZE=3>

/

<FONT SIZE=4>

<FONT SIZE=+1>

<FONT SIZE=5>

<FONT SIZE=+2>

<FONT SIZE=6>

<FONT SIZE=+3>

<FONT SIZE=7>

<FONT SIZE=+4>

例1

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=Shift_JIS">
<TITLE>文字のサイズを変える</TITLE>
</HEAD>
<BODY>
<FONT SIZE="+1">いらっしゃいませ。ぽちのおうちへようこそ!</FONT>
</BODY>
</HTML>

こうなります

例2

<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=Shift_JIS">
<TITLE>文字のサイズを変える</TITLE>
</HEAD>
<BODY>
<FONT SIZE=-2></FONT>
<FONT SIZE=-1></FONT>っし
<FONT SIZE=+1>ゃい</FONT>
<FONT SIZE=+2></FONT>
<FONT SIZE=+3>せ。</FONT>
<FONT SIZE=+4></FONT>
<FONT SIZE=+3></FONT>
<FONT SIZE=+2></FONT>
<FONT SIZE=+1></FONT>
<FONT SIZE=-1></FONT>
<FONT SIZE=-2></FONT>
<FONT SIZE=-1></FONT>
<FONT SIZE=+1></FONT>
<FONT SIZE=+2>そ!</FONT>
</BODY>
</HTML>

こうなります