文字の色を変更する

HTMLを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<p><font color="#ff0000">ここは赤色で表示されます</font></p>
<p><font color="#0000ff">ここは青色で表示されます</font></p>
</body>
</html>

表示サンプル

ここは赤色で表示されます

ここは青色で表示されます

解説

文字の色を変えたい部分を「<font color="ＲＧＢカラー">」と「</font>」で囲みます（ＲＧＢカラーの詳細はこちらを参照ください）。

ＣＳＳを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
p.red  { color: #ff0000; }
p.blue { color: #0000ff; }
-->
</style>
</head>
<body>
<p class="color1">ここは赤色で表示されます</p>
<p class="color2">ここは青色で表示されます</p>
</body>
</html>

表示サンプル

ここは赤色で表示されます

ここは青色で表示されます

解説

ヘッダ内の記述にて、「P」タグの「red」と「blue」（名前は自由に付けてください）と言う名前のものに関しての表示方法を指定しています。それぞれ個別に、

<p style="color:#ff0000;">ここは赤色で表示されます</p>

のように記述をすることも出来ます。色の指定の際にはＲＧＢカラーを使用してください（ＲＧＢカラーの詳細はこちらを参照ください）。