▲TOPへ
はじめてのHTML・CGI


文字の色と大きさ


文字の色

  • 「設定」
    <FONT COLOR="#FF0000">

    色を変えたい文字の前に上記タグを入力

    FF0000の部分に設定したい色コードを入力。
    (上記FF0000は赤色です)

    基本的な256色の色コードは「色記号表」を参照下さい。
    ※姉妹ページ「すくすくランド」色記号表と同じです。(作成者が同じ為)

  • 「終了」
    </FONT>

    色を変えたい文字の後ろに上記タグを入力

  • 文字の色は、背景の色を考え見やすいものを選んで下さい。

  • 直接色を指定することも出来ます。

    設定
    <FONT COLOR="Red">

  • では、作成してみましょう。
    「あ」を赤色文字にする場合。

    上記のように色を変えたい文字「あ」の前に<FONT COLOR="#FF0000">を。
    そして「あ」の後ろには文字色指定の終了タグ</FONT>を。

      
           ↑
    上記では、上図のように「あ」の文字が赤色になります。

文字の大きさ

  • 「設定」
    <FONT SIZE="+2">

    +2 の部分は -1 や +3 など自由に設定出来ます。
    +1 は何も指定しない文字の1段階大きな文字、-1 は一段階小さな文字です。

    大きさを変えたい文字の前に上記タグを入力

  • 「終了」
    </FONT>

    大きさを変えたい文字の後ろに上記タグを入力

  • では、作成してみましょう。
    「う」を2段階大きな文字に。

    上記のように大きさを変えたい文字「う」の前に<FONT SIZE="+2">を。
    そして「う」の後ろには文字大きさ終了タグ</FONT>を。

      
           ↑
    上記では、上図のように「う」の文字が大きくなります。

文字の色と大きさ

  • では、文字の色と大きさを同時に設定する場合

  • 「設定」
    <FONT COLOR="#0000FF" SIZE="+5">

    色と大きさを変えたい文字の前に上記タグを入力

  • 「終了」
    </FONT>

    色と大きさを変えたい文字の後ろに上記タグを入力

  • では、作成してみましょう。
    「お」を青色で5段階大きな文字に。

    上記のように色と大きさを変えたい文字「お」の前に<FONT COLOR="#FFFF00" SIZE="+5">を。
    そして「お」の後ろには文字色と大きさの終了タグ</FONT>を。

      
           ↑
    上記では、上図のように「お」の文字が大きく青色になります。


▲TOPへ