HTML入門 - 見た目ではなく役割で選ぶ

同じ見た目でも役割が違う

4つのタグを切り替え、ブラウザの既定表示と HTML 上の役割を見比べましょう。

  • strong は内容の重要性を表す
  • em は文の語調を強調する
  • 太字・斜体にしたいだけなら CSS を使う
見た目とタグの役割

1 / 3

HTML入門 - 見た目ではなく役割で選ぶ

文全体ではなく単語を包む

自己紹介の段落の中で、重要性を伝える HTML は strong、語調を強調する CSS は em で包みます。

採点では HTML と CSS の単語だけが、それぞれ段落内の strong と em に入っているかを確認します。

強調したい語の直前に開始タグ、直後に終了タグを置きます。段落の p はそのまま残します。

<p> 2026 年から <strong>HTML</strong> <em>CSS</em> を学びはじめました。 </p>

2 / 3

考えてみよう外しても進めます

「この申込期限は今日です」の「今日」が重要・緊急だと示したいとき、どのタグを選びますか。

選ぶと、この枚の中で答えと理由を確かめられます。

3 / 3