如何使用HTML实现网页文本加粗显示效果

实现方案 #

你可以选择以下任意一种方式实现需求：

• 方案1：使用语义化<strong>标签实现
  如果不需要保留原有<p>标签结构，直接替换代码即可：

  <strong>HELLO</strong>
  

  需要保留段落语义的话，嵌套在<p>标签内部即可：

  <p><strong>HELLO</strong></p>
  

• 方案2：用CSS样式实现加粗
  不修改HTML标签结构的前提下，给<p>标签添加行内样式：

  <p style="font-weight: bold;">HELLO</p>
  

  多场景复用可以单独定义CSS类：

  .bold {
    font-weight: 700;
  }
  

  对应HTML代码：

  <p class="bold">HELLO</p>
  

内容的提问来源于stack exchange，提问作者user17476772