HTMLでのテキストの一部分に対するspanタグ

テキストの一部分を、例えば太字にするには タグbを使用することをあなたは すでに知っています。しかし、 テキストの一部分を赤色に着色したい場合は どうすればよいでしょうか？そのような場合に、 タグbのような専用のタグは 存在しません。

その代わりに、特別なタグspan が存在します。 このタグ自体は何の効果も持ちませんが、 これにCSSスタイルを適用することで、 テキストの一部分に必要な効果を 追加することができます。

例を見てみましょう。何らかのテキストが あるとします：

html<p>
  This is a paragraph with text.
</p>

単語"text"を赤色にしたいとします。 そのためには、このテキストの部分を タグspanで囲み、 このタグに何らかのクラスを 指定します：

html<p>
  This is a paragraph with <span class="red">text</span>.
</p>

さて、次にそのようなクラスを持つ要素を 赤色に着色しましょう：

css.red {
  color: red;
}

html<p>
  Lorem ipsum <span class="xxx">dolor sit</span> amet.
</p>
<p>
  <span class="xxx">Lorem ipsum</span> dolor sit amet.
</p>