HTML の太字のテキストをマスターする

はじめに

この実験では、HTML の<b>タグを使って Web ページ上に太字のテキストを作成する方法を学びます。また、このタグの使用に関するベストプラクティスと、必要に応じた推奨される代替方法についても説明します。

注：index.htmlでコーディングを練習し、Visual Studio Code で HTML を書く方法を学ぶことができます。画面右下の「Go Live」をクリックして、ポート 8080 で Web サービスを実行します。その後、Web 8080タブを更新して Web ページをプレビューできます。

これは Guided Lab です。学習と実践を支援するためのステップバイステップの指示を提供します。各ステップを完了し、実践的な経験を積むために、指示に注意深く従ってください。過去のデータによると、この初級レベルの実験の完了率は 100%です。学習者から 100% の好評価を得ています。

HTML ファイルをセットアップする

コードエディタで新しいファイルを作成し、その名前をindex.htmlとします。ドキュメントのボディに、太字にしたいいくつかのテキストを含む段落を追加します。

<body>
  <p>Here is some text that needs to be bold.</p>
</body>

b タグを追加する

テキストを太字にするには、次のように<b>タグで囲みます。

<body>
  <p>Here is some <b>bold</b> text.</p>
</body>

デフォルトの CSS スタイル

<b>タグの既定の CSS スタイルは次の通りです。

<style>
  b {
    font-weight: bold;
  }
</style>

ベストプラクティス

<b>タグを過度に使用しないでください。強調が必要な重要なテキストにのみ使用してください。
見出しには、<h1>から<h6>までのタグを使用して、<b>タグの代わりにしてください。
テキストを強調するには、代わりに<em>タグを使用してください。このタグは、太字の代わりに斜体のテキストも使用します。
重要なテキストには、代わりに<strong>タグを使用してください。このタグは、テキストを太字にし、検索エンジンにとってのその重要性を示します。

まとめ

以上です！これで、Web ページ上に太字のテキストを作成するために HTML の<b>タグをどのように使用するかを知ることができました。適切にこのタグを使用し、最適なマークアップのためのベストプラクティスに従うことを忘れないでください。