)書き終わったHTMLを見て、この1部分だけ色を変えたいと思ったことはありませんか。そんなときに手軽に色や文字の大きさを変える方法をお伝えします。この記事では以下の方法について書いています。※fontタグは廃止されたので、使わないようにしていきましょう。以下の文章の例で説明します。思わず「あっ」と叫ぶ。<p>思わず「あっ」と叫ぶ。</body></html>出力してみると文字が表示されることが分かります。文字の色の変え方まず、この文章で「あっ」の部分だけを赤字にしたいと思います。この場合、以下のようにstyle=”color:red”と表記することで赤字にすることができます。使用できる表記は”red”,”blue”,”green”といった色の表現の他に16進数の表記”FF0000′′,”000000′′なども使用できます。プロパティ(color)と値や色などの部分は””で囲みます。red">「あっ」</span>と叫ぶ。</p>出力してみると赤字になっているのが分かります。16進数の表記にする場合は”red”の部分を変更します。#008000">「あっ」</span>と叫ぶ。</p>出力してみると緑色になったのが分かります。今度は「思わず」の部分の文字の大きさを変えたいと思います。文字の大きさを変えるには、font-sizeを使います。font-sizeはpxの他にem,%も使えます。32px">思わず</span>「あっ」と叫ぶ。</p>出力してみると文字が大きくなっているのが分かります。%で表現する場合はpxの部分を%に変えます。150%">思わず</span>「あっ」と叫ぶ。</p>同じように文字が大きくなっているのが分かります。太字の変え方さらに太字にして、より目立たせて見たいと思います。strongタグで囲みます。先ほどのサイズを大きくしたパターンを使います。</p>出力してみると太字になっているのが分かります。そのほか上記で紹介したものを組み合わせて表現することもできます。</p>出力してみると青文字の太字になっているのが分かります。まとめこのようにHTMLの本文に直接CSSを記載することで簡単に文字の大きさや色などを変えることができます。気軽に文字や文章を修正したいときは使ってみてください。今回は代表的なタグについて紹介しましたが、他にも様々なタグがありますので、適宜調べてみてください。