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

さらに、<strong>を使用できます HTMLで太字のテキストを作成するためのタグ 。 <strong> タグは<b>とまったく同じ方法です タグ。ただし、1つの違いがあります。強いタグは、その内容に特別な注意が必要であることを示します。これが<strong>の例です 使用されているタグ：

<p>Your username for your new computer is <b>JohnAppleseed</b></p>
<p><strong>Attention!</strong> You must change your password after logging in.</p>

コードは次を返します：

ご覧のとおり、<b> タグは、読者が読みたいと思う可能性のあるテキストを強調するために使用されています。 <strong> タグは、Attentionという単語を示すために使用されています 読者は特別な注意を払う必要があります。とはいえ、この違いは別として、<b> および<strong> タグは同じです。

CSSフォントウェイトプロパティ

<strong> および<b> タグはバニラHTMLで使用されます テキストが重要であり、読む必要があることを示す要素。ただし、CSSもあります テキストの表示方法をより細かく制御できるプロパティ：font-weight 。

font-weight コーダーは、テキストの特定の部分がどの程度重いか軽いか（どの程度太字か）を判断できます。これがfont-weightの例です タグがthickの段落に適用されたタグ ：

HTML ：

<p>This is an example paragraph.</p>
<p class="thick">This is a bold example paragraph.</p>

CSS ：

p.thick {
	font-weight: 900;
}

コードは次を返します：

この例では、thickというクラスを定義します。 、font-weightを設定します テキストのプロパティを900に設定します。これは、クラスthickを参照するテキストを意味します。 太字で表示されます。テキストを明るく表示するか太字にするかに応じて、「900」という数字をカスタマイズできることは注目に値します。

または、font-weightを指定することもできます スタイルfont-weightを使用する 太字の属性、そのように：

<p>This is an example paragraph.</p>
<p style="font-weight:900;">This is a bold example paragraph.</p>

結論

太字のテキストは、HTMLのテキストフォーマットの重要な部分です。 。特定のテキスト行または数語に注意を向ける必要がある場合は、それを太字にすることをお勧めします。このチュートリアルでは、テキストを太字にする3つの主な方法を説明しました。<b> 、<strong> 、およびfont-weight 。これで、エキスパートのように太字のテキストを作成する準備が整いました。