文字の強調

太字と強調のちがい

強調にも意味がある

文章の中の一部だけを目立たせたいときに使うのが strong と em です。strong は「ここは重要だ」という強い意味を表し、多くのブラウザでは太字で表示されます。em は emphasis の略で「ここを強めて読んでほしい」という語調の強調を表し、ふつうは斜体で表示されます。

似たタグに b と i がありますが、こちらは「ただ太くする」「ただ斜めにする」だけで意味を持ちません。読み上げソフトや検索エンジンに大事さを伝えたいときは strong と em を選びます。太さや傾きだけを変えたいなら、それは CSS の仕事です。

使い方

強調したい言葉だけをタグではさみます。段落の途中に入れても行は変わりません。こういうタグをインライン要素と呼びます。

<p>今日から <strong>HTML</strong> を学びます。</p>

自己紹介文を強調しよう

自己紹介の段落にある HTML を strong で、CSS を em ではさみます。文章まるごとではなく、単語だけを包むのがコツです。強調はページの中で少ないほど効きます。全部を太字にすると、どれも目立たなくなってしまいます。

課題

  1. 自己紹介文の中の HTML という言葉を strong ではさむ
  2. 同じ文の中の CSS という言葉を em ではさむ
  3. 強調するのは単語だけにして、文全体は包まない

ヒント

index.html
プレビュー

できているか

  • HTML が strong で強調されている
  • CSS が em で強調されている
  • 強調タグが段落の中にある