HTMLで文字の色を変えたい

Question

HTMLでコードを書いているのですが<p class="red">こんにちわ</p>と打ち込んでもサイトの方で色が反映されません。（「こんにちわ」が黒のまま）
色を変える方法が知りたいのですが…

Comments

[m.ts10806]

cssの定義を提示してください。
そしてそのcssはhtmlから参照できてますか？

[atuko]

CSSを学ぶ前の段階だったのでCSSの定義はありません。
色はやはりCSSでつけていくのですね。

[m.ts10806]

指定されてるのは「クラス」なので、そのクラスを呼び出したときにどんな指示をするのか記載するのがcssです。

Answer 1

<style>
.red{color:red;}
</style>

ただし本来クラスは色の変更などを目的につけるものではありませんので
redというクラス名が適正かどうかは検討の余地があります

Comments

[atuko]

今受けてるプログラミングの講義でこうすれば色が変えられるとあったのでやってみたのですが、クラスは色の変更を目的に付けるものではないのですね。
色はやはりCSSで付けていく感じなのでしょうか？

[yambejp]

うーん、うまく伝わってないですね
果物に
<div class="red">いちご</div>
<div class="yellow">バナナ</div>
<div class="red">りんご</div>
などグルーピングの属性としてつける分には構わないのですが

<div class="red">赤い文字</div>
みたいな修飾のためだけに専用のクラスを設定するのは避けたほうがいいということです。

<div class="active">選択</div>
みたいにしてactiveクラスに赤い色を設定するのはOKです

[atuko]

ありがとうございます！まだよくわかってない部分も多いですが勉強します！

Answer 2

<p style="color: red;">こんにちわ</p>

Comments

[atuko]

赤文字になりました！！ありがとうございます！！