在 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>