LESSON7☆文字サイズを変える☆
HP上で表示されている文字(フォント)には、いろいろなサイズのものがあります。
ここでは文字サイズを変える方法を説明します。
HP上で表示できる文字(フォント)のサイズは1〜7まであります。
フォントサイズ1の場合
フォントサイズ2の場合
フォントサイズ3の場合
フォントサイズ4の場合
フォントサイズ5の場合
フォントサイズ6の場合
フォントサイズ7の場合
文字のサイズを変えたい時には<font size="○">〜</font>のタグを使います。
○には上で説明した、好きな文字サイズを入れて下さい。
下で、文字サイズを4にした場合を例にして、変える方法を説明します。
「文字サイズを変える方法」
<html>
<head><title>☆文字サイズを変える☆</title></head>
<body>
フォントサイズ1の場合
フォントサイズ2の場合
フォントサイズ3の場合
フォントサイズ4の場合
フォントサイズ5の場合
フォントサイズ6の場合
フォントサイズ7の場合
</body>
</html>
この文章に文字サイズを変えるタグ<font size="1〜4">〜</font>を加えると
↓
「文字サイズを変える方法」
<html>
<head><title>☆文字サイズを変える☆</title></head>
<body>
<font size="1">フォントサイズ1の場合</font><br>
<font size="2">フォントサイズ2の場合</font><br>
<font size="3">フォントサイズ3の場合</font><br>
<font size="4">フォントサイズ4の場合</font><br>
<font size="5">フォントサイズ5の場合</font><br>
<font size="6">フォントサイズ6の場合</font><br>
<font size="7">フォントサイズ7の場合</font>
</body>
</html>
これをブラウザに表示すると
↓
「文字サイズを変える方法」
フォントサイズ1の場合
フォントサイズ2の場合
フォントサイズ3の場合
フォントサイズ4の場合
フォントサイズ5の場合
フォントサイズ6の場合
フォントサイズ7の場合
となります。
というわけで、必要に応じて、文字のサイズを変えることができます。
それでは次に「LESSON8☆文字に飾りを付ける☆」にどうぞ