在构建网站时，你可能希望特别强调某些文本，让用户知道它很重要。
你可以使用各种文本格式标记在 HTML 中执行此操作。
在本文中，我将带你了解如何通过加粗来强调某些文本。
在 HTML 中，你可以使用三种主要方法将文本加粗。你可以使用 <b> 标签、<strong> 标签，或者你可以在 CSS 中使用 font-weight 属性来实现。让我们更详细地了解每种方法。
如何在 HTML 中使用 <b> 标签使文本加粗
HTML 为我们提供了 <b> 标记来使文本加粗。要使用此标记使文本加粗，你需要将其包裹在文本周围，如下所示：
<p><b>This text is bold</b>, but this text is not.</p>
正如你在图像中看到的，标签使部分文本突出显示。
如何在 HTML 中使用 <strong> 标签使文本加粗
使用 <strong> 标签，你不仅仅是将文本加粗，你还需要特别注意它。
<strong> 标签也像 <b> 标签一样使文本加粗，但两者之间略有不同。我将在本文后面讨论这个问题。
就像 <b> 标签一样，你需要将 <strong> 标签包裹在文本周围以使文本加粗。
<p>
Before paying to learn programming, check out
<strong>freeCodeCamp</strong>.
</p>
使用 <strong> 标签，freeCodeCamp 文本不仅是粗体，还具有语义和重点。
如何使用 CSS font-weight 属性使文本加粗
font-weight 属性以 lighter、bold 和 bolder 作为值，数字从 100 到 900。因此，使用它，你不仅可以将文本加粗，还可以使其比周围的文本更亮。
要使用 font-weight 属性将某些文本设为粗体，你需要选择带有类、id（如果有）或元素的文本，然后应用所需的值。这是它的原理：
<p>This is a <span class="lighter">lighter text</span>.</p>
<p>This is a <span class="bold">bold text</span>.</p>
<p>This is a <span class="bolder">bolder text</span>.</p>
.lighter {
font-weight: lighter;
}
.bold {
font-weight: bold;
}
.bolder {
font-weight: bolder;
}
应该使用 <b>、<strong> 或 font-weight 使文本加粗吗
你可能想知道使用哪个来使文本加粗——<b>、<strong> 或 CSS font-weight属性。
你通常应该避免使用 <b>，因为它已经是一种样式。当你使用 <b> 标记将文本设为粗体时，你明确地告诉浏览器将 HTML 中的文本设为粗体。
<strong> 也使文本显示粗体，但它是语义的。使用它，你就不是从 HTML 样式化（HTML 最初从未用于此目的），而是告诉浏览器使文本在外观上比周围的其他文本更为加粗。
CSS font-weight 属性让你可以更好地控制文本的粗细程度。lighter、bold 和 bolder的值是一个开始，但你可以通过应用数字/权重（例如 100、200、300、400、500、600、700、800 和 900）作为值，从而更进一步，这会产生不同的粗细。
总结
粗体帮助你强调 HTML 中的某些单词。在本文中，你了解了使文本加粗的 3 种不同方法，以及最适合使用的方法。
感谢你阅读本文，祝你编码愉快！
原文：Bold Font in HTML – Font Weight for Letters，作者：Kolade Chris