文字の大きさと色

ここでは文章途中の文字の大きさと色を指定する方法を説明します。


1.一部の文字の大きさや色を変更する方法

  ソースファイルを開きます。

  fontタグを記述します。

    <font size=7> 〜 </font> … サイズを 7 に指定する(最大)
    <font size=6> 〜 </font> … サイズを 6 に指定する
    <font size=5> 〜 </font> … サイズを 5 に指定する
    <font size=4> 〜 </font> … サイズを 4 に指定する
    <font size=3> 〜 </font> … サイズを 3 に指定する
    <font size=2> 〜 </font> … サイズを 2 に指定する
    <font size=1> 〜 </font> … サイズを 1 に指定する(最小)



ブラウザでの表示 ソースファイル
サイズ7の文字
<font size="7">サイズ7の文字</font>
サイズ6の文字
<font size="6">サイズ6の文字</font>
サイズ5の文字
<font size="5">サイズ5の文字</font>
サイズ4の文字
<font size="4">サイズ4の文字</font>
サイズ3の文字
<font size="3">サイズ3の文字</font>
サイズ2の文字
<font size="2">サイズ2の文字</font>
サイズ1の文字
<font size="1">サイズ1の文字</font>



    <font size="+1"> 〜 </font> … 1大きい文字を指定する
    <font size="-1"> 〜 </font> … 1小さい文字を指定する



ブラウザでの表示 ソースファイル
現在の文字より1大きい文字 <font size="+1">現在の文字より1大きい文字</font>
現在の大きさの文字 現在の大きさの文字
現在の文字より1小さい文字 <font size="-1">現在の文字より1小さい文字</font>


    <font color="red"> 〜 </font> … 色を red に指定する
    <font color="blue"> 〜 </font> … 色を blue に指定する
    <font color="green"> 〜 </font> … 色を green に指定する

    <font color="red" size="+1"> 〜 </font> … 色と大きさを同時に指定する



ブラウザでの表示 ソースファイル
赤い文字 <font color="red">赤い文字</font>
青い文字 <font color="blue">青い文字</font>
黄色い文字 <font color="yellow">黄色い文字</font>
赤色で、1大きい文字 <font color="red" size="+1">赤色で、1大きい文字</font>



  ソースファイルを上書き保存します。

  ブラウザで更新し、確認する。