![]() |
|||
| || トップページ || HTML || Style Sheet || リファレンス || Web素材 || Contact Us || サイトマップ || 初めての方 || |
|
HP作成
ホームページ作成 |
フォントの詳しい説明は「リファレンス−フォント」を参照してください。
文字の大きさと色を変える文字の大きさを変えるには「fontタグ」を使います。 文字の大きさは次のようになっています。 <font size=1>フォントサイズ1</font>
サイズ1 数字で指定する変わりに size="+1" と指定する方法もあります。
<font size="+1">フォントサイズ+1</font>
フォントサイズ+1 デフォルトがフォント3の場合、 +4 以上のフォントの大きさに変化はありません。 では、先ほどのHPにサブタイトルをつけて文字の大きさと色を変えてみましょう。
<html>
<head> <title>MY HOMEPAGE</title> </head> <body> <center><h1>MY HOMEPAGE</h1> <p> <img src="cake.jpg"> <p> スポンジのつくり方 </center> </body>
まず上のように、サブタイトルを追加します。
<例題7>
するとこのようになります。
次にサブタイトルの色と大きさを変更します。
<html>
<head> <title>MY HOMEPAGE</title> </head> <body> <center> </body>
このようにfontタグで囲みます。
fontタグについている「size="4"」はフォントの大きさを4にするという指定です。 fontタグについている「color="#FF0000"」はフォントの色を青にするという指定です。 fontとsizeもしくはcolorの間は、半角のスペースで区切ります。 sizeとcolorの両方を指定する場合は、sizeの指定をして半角スペース、colorの指定というふうに続けて書きます。 色の指定は「red」「blue」など一部の色は英語表記でも指定できますが、色はできればコンピュータがわかるように「#0000FF」のような16進数で記述した方がいいです。 0000FFのような色の指定にはコードの前に必ず「#」をつけます。 今回は色と大きさを指定しましたが、色だけ、大きさだけの指定もできます。 大きさだけの場合 <font size="4">*****</font>
文字の色だけの場合 <font color="#0000FF">*****</font>
では、先ほどのファイルを上書き保存して、ブラウザで確認してみましょう。 このように文字が青色で表示されましたか?
このように色や大きさを変えたい部分に「fontタグ」を指定するとその部分に色がついたり大きさを変えることができます。 |