HTML で太字のテキストを作成する

Rajeev Baniya 2023年2月19日
  1. HTML で strong タグを使用して太字のテキストを作成する
  2. HTML で b タグを使用して太字のテキストを作成する
HTML で太字のテキストを作成する

チュートリアルでは、HTML で太字のテキストを作成するためのいくつかの方法を紹介します。

HTML で strong タグを使用して太字のテキストを作成する

strong タグを使用して、HTML で太字のテキストを作成できます。タグは、テキストが非常に重要、重要、または最優先であることを示します。

strong タグはテキストを太字にして、テキストの重要性が高いことを示します。strong を使用してテキストまたはその一部を強調表示し、ページまたは段落でその重要性を示す必要があります。

たとえば、using the strong tag というテキストを記述します。次に、次の例に示すように、テキストを strong タグでラップします。

以下の例では、太字のテキストを作成しています。

サンプルコード:

<strong> using the strong tag </strong>

HTML で b タグを使用して太字のテキストを作成する

b タグを使用して、HTML で太字のテキストを作成することもできます。タグは、以前は Boldface 要素と呼ばれていました。

b タグは、テキストがより重要であることを示すことなく、テキストに焦点を合わせるために使用されます。b タグは strong タグと同じように使用します。

たとえば、using b tag を記述し、それを b タグでラップすると、テキストが太字になります。ただし、テキストを太字にするために b タグを使用することはお勧めしません。

代わりに、CSS プロパティ font-weight を使用してテキストを太字にする必要があります。次のセクションでプロパティについて説明します。

サンプルコード:

<b> using b tag </b>

#CSS font-weight プロパティを使用して HTML で太字のテキストを作成する

font-weight CSS プロパティは、テキストを太字にするのに最も適した方法です。インライン CSS を使用して、HTML のスタイルを適用できます。

font-weight プロパティは、テキストの太さまたは薄さを設定します。さまざまなオプションが宿泊施設に適合しています。normal に設定すると、テキストはデフォルトの通常の文字になります。

オプション太字はテキストを太くし、オプション太字はテキストを太くします。オプション lighter を使用して、テキストを薄くすることができます。

たとえば、p タグを記述し、その中にインライン CSS を記述します。font-weight プロパティを bold に設定します。p タグ内に、font-weight プロパティを使用してというテキストを記述します。

次に、別の p タグを記述し、テキスト通常のテキストを記述します。

以下の例では、2つの異なるテキストを記述しています。最初のテキストは太字になり、2 番目のテキストは通常​​のテキストになります。したがって、font-weight プロパティを使用して、HTML で太字のテキストを作成できます。

サンプルコード:

<p style="font-weight:bold;">
    Using the font-weight property
</p>

<p>
    Normal text
</p>

関連記事 - HTML Text