带有 HTML 标签的解决方案

要使 HTML 中的文本加粗,我们可以使用 <b> 或者 <strong> 标签。

它们的作用相同,但含义不同。

在本教程中,我们将找到一些带有 <b> 和 <strong> 标签的示例,我们将解释它们之间的区别。

使用 <b> 标记使文本加粗的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题 </title>
  </head>
  <body>
    <p>
      今天很残酷,明天很残酷,后天很美好。很多人死在了明天的夜里。
经历过风雨,才懂得阳光的温暖。
    </p>
  </body>
</html>

正如我们在上面的示例中看到的, <b> 标记使其中的文本部分变为粗体。
但这只是一种风格,并没有传达另外的重要性。

在 HTML 5 中,建议仅将 <b> 标记用作最后一个选项。

使用 <strong> 标记使文本加粗的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>文档的标题</title>
  </head>
  <body>
    <p>
      今天很残酷,明天很残酷,后天很美好。很多人死在了明天的夜里。
经历过风雨,才懂得阳光的温暖。
    </p>
  </body>
</html>

其中<strong> 标签用于传达内容的强烈重要性。
因此,它可以指示应如何理解特定部分。

并且,我们建议了另一种使文本加粗的方法,即通过样式属性添加设置为“bold”的 CSS font-weight 属性。

使用 CSS font-weight 属性使文本加粗的示例:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML text bold</title>
    <style>
      p {
        font-weight: bold;
      }
    </style>
  </head>
  <body>
    <h1>Example</h1>
    <p>Hello World</p>
  </body>
</html>

现在,我们可以选择最合适的方式将文本加粗。

如何使 HTML 中的文本加粗
日期:2020-06-02 22:15:10 来源:oir作者:oir