HTMLの構造

Step４文字の大きさを変えてみる

このコーナでは文字の大きさを変える方法について説明します。

普通の文章文字の大きさを変えてみる

普通の文章文字の大きさを変更するするにはＦＯＮＴタグを使用します。 <FONT ＳＩＺＥ＝ｎ> から </FONT>で挟まれた部分の文字列が、SIZE＝１から７の７段階で大きさの指定ができます。次の<Hn>タグとは異なり、ｎは大きいほど文字サイズは大きくなり、又自動的に太字にもなることもなく、自動改行がおこなわれることもありません。従って改行したい場合は、<P>タグが必要となります。
タグ	＜ＦＯＮＴＳＩＺＥ＝1＞～＜／ＦＯＮＴ＞・・・・・・・＜ＦＯＮＴＳＩＺＥ＝7＞～＜／ＦＯＮＴ＞
機能	～部に書かれた文章文字の大きさを７段階で指定します。
説明	ＨＴＭＬファイル（例）	ブラウザの表示（例）
	<HTML> <BODY>普通の文字です<P> <FONT SIZE=1>サイズ１の文字</FONT><P> <FONT SIZE=2>サイズ2の文字</FONT><P> <FONT SIZE=3>サイズ3の文字</FONT><P> <FONT SIZE=4>サイズ4の文字</FONT><P> <FONT SIZE=5>サイズ5の文字</FONT><P> <FONT SIZE=6>サイズ6の文字</FONT><P> <FONT SIZE=7>サイズ7の文字</FONT><P> </BODY> </HTML>	普通の文字ですサイズ１の文字サイズ２の文字サイズ３の文字サイズ４の文字サイズ５の文字サイズ６の文字サイズ７の文字
この<FONT>タグのように１単語だけでは完結せずに、ＳＩＺＥといった更に詳細を明を指定するタグがあり、これを属性といっています。

見出し文字を書いてみる・大きさを変えてみる

普通の文章文字以外に、見出し文字というものがあります。今度はこの見出し文字の大きさを変えてみます。 <Hn> から </Hn>で挟まれた文字列が、そのサイズに応じたの見出し文字になります。先ほどのＦＯＮＴタグとは異なり、見出し文字は自動的に太字になります。又文字列の前後には自動的に改行が入ります。nは１から６の６段階で、フォントサイズとは異なり、数値が小さいほど文字は大きくなります。
タグ	＜Ｈ1＞～＜／Ｈ１＞・・・・・・・・・＜Ｈ６＞～＜／Ｈ６＞
機能	～に見出し（ヘッダ）の大きさを６段階で指定します。
説明	ＨＴＭＬファイル（例）	ブラウザの表示（例）
	<HTML> <BODY>普通の文字です。 <H1>Ｈ１サイズの文字</H1> <H2>Ｈ２サイズの文字</H2> <H3>Ｈ３サイズの文字</H3> <H4>Ｈ４サイズの文字</H4> <H5>Ｈ５サイズの文字</H5> <H6>Ｈ６サイズの文字</H6> </BODY> </HTML>	普通の文字です。Ｈ１サイズの文字Ｈ２サイズの文字Ｈ３サイズの文字Ｈ４サイズの文字Ｈ５サイズの文字Ｈ６サイズの文字

　

　

sign.gif (7006 バイト)

　