NICS-NET HTML講座　第５話

文字サイズをかえたい part１この章では、文字サイズをかえて効果的なホームページを作る勉強をします。
	今出来ている部分
	『文字のサイズ』を変更するためには、『フォントサイズ指定タグ』を使用します。文字のサイズを変更したい部分を『フォントサイズ指定タグ』で囲うだけで、いいのです。

それじゃ『フォントサイズ指定タグ』を利用して、A子さんの名前の部分だけを大きく表示するようにしてみましょう。（今は、フォントサイズは『３』になっているので、『5』にしてみます。といってもフォントサイズ『3』の指定はどこでもしていないんですよね。指定をしないとどうやら勝手に『３』になるのかな？）

『htmlの画面』

『ブラウザに表示した画面』

A子さんの名前だけが大きくなっているのがお分かりいただけますか？
では、他のフォントサイズ指定した場合に、画面ではどのように表示されるかをみてみましょう。
数字が大きいほどフォントサイズが大きくなっていますね。（重要！）

これが、フォントサイズ『1』の大きさです。
これが、フォントサイズ『2』の大きさです。
これが、フォントサイズ『3』の大きさです。
これが、フォントサイズ『4』の大きさです。
これが、フォントサイズ『5』の大きさです。
これが、フォントサイズ『6』の大きさです。
これが、フォントサイズ『7』

文字サイズをかえたい part2

ここでの文字サイズを変更する方法は、ベース（基本）になるフォントサイズを最初に指定し、文字のサイズを変更したい場合は、その部分をベースフォントサイズよりも『１つ大きサイズ（プラス1ランク）』とか『２つ小さいサイズ（マイナス2ランク）』というような『フォントタグ』で囲むというものです。

ベースフォントを指定するタグは、単独で使用します。（つまり終了タグがいらないということです。）
では、この方法で、A子さんのホームページを作ってみますね。

『htmlの画面』

これをブラウザで表示してもpart1と同じように表示されます。またこのベースフォントを指定した状態で、『part1』で使用したタグも利用できます。
トップへ