在 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 中建立粗體文字。該標籤以前稱為粗體元素。

b 標籤用於專注於文字而不顯示它更重要。我們使用 b 標籤的方式與 strong 標籤相同。

例如,寫一個 using b tag 並用 b 標籤包裹它,文字將被加粗。但是,不建議使用 b 標籤使文字加粗。

相反,我們應該使用 CSS 屬性 font-weight 使文字更粗。我們將在下一節討論該屬性。

示例程式碼:

<b> using b tag </b>

font-weight CSS 屬性是使文字加粗的最合適的方法。我們可以使用內聯 CSS 來應用 HTML 中的樣式。

font-weight 屬性設定文字的粗細。多種選擇適合該屬性。當設定為 normal 時,文字將是預設的常規字元。

選項 bold 使文字變粗,選項 bolder 使文字變粗。我們可以使用 lighter 選項使文字變細。

例如,編寫一個 p 標籤並在其中編寫內聯 CSS。將 font-weight 屬性設定為 bold。在 p 標籤內,寫入文字 Using the font-weight property

接下來,編寫另一個 p 標籤並編寫文字 Normal text

在下面的示例中,我們編寫了兩個不同的文字。第一個文字加粗,而第二個文字是正常的。因此,我們可以使用 font-weight 屬性在 HTML 中建立粗體文字。

示例程式碼:

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

<p>
    Normal text
</p>

相關文章 - HTML Text