HTML - 标签

HTML  标签用于突出显示文本并指定文本为粗体。 标签或元素的目的是吸引人们注意元素的内容，这些内容通常没有特殊的重要性。

如果我们在段落元素内编写内容，但内容中出现了一个重要的单词，我们可以使用  标签来突出显示该重要单词。

语法

<b> ... </b>

属性

HTML b 标签支持 HTML 的全局和事件属性。

HTML b 标签示例

下面的示例将说明 b 标签的使用，何时何地以及如何使用它来使句子中的任何特定文本加粗。

创建粗体文本元素

我们可以使用 CSS 或 HTML 使任何文本元素加粗，这里我们将使用 标签使文本加粗。

<!DOCTYPE html>
<html>
   <body>
      <p>This is normal para</p>
      <p>
         <b>This is bold paragraph </b>
      </p>
   </body>
</html>

在 标签上使用 class 属性

我们可以使用标签选择器来选择元素，但是当我们在该场景中有多个相同的标签时，我们需要使用 HTML class 属性来选择元素。

<!DOCTYPE html>
<html>
   <head>
      <style>
         .term {
            color: green;
            font-style: italic;
         }
      </style>
   </head>
   <body>
      <p>
            The two most popular science courses offered by the 
            school are <b class="term">chemistry</b> 
            (the study of chemicals and the composition of substances) 
            and <b class="term">physics</b> 
            (the study of the nature and properties of matter and energy). 
      </p>
   </body>
</html>

无需 标签创建粗体文本

我们也可以在不使用 标签的情况下创建粗体文本，为此，我们必须使用 HTML  标签或 CSS font-weight 属性。这里我们将使用 CSS。

<!DOCTYPE html>
<html>
   <body>
      <h2>Using CSS properties to set the bold text. </h2>
      <p>
         This is normal text - <span style="font-weight:bold;">
         and this is bold text</span>. 
      </p>
   </body>
</html>

设置 HTML 元素的样式

我们可以使用 HTML 标签使任何单词加粗，默认情况下该关键字将加粗，要添加更多样式，我们也可以使用 CSS。

<!DOCTYPE html>
<html>
   <head>
      <style>
         b {
            color: red;
            font-style: italic;
         }
      </style>
   </head>
   <body>
      <p> 
         This article describes several <b>text-level</b> 
         elements. It explains their usage in an 
         <b>HTML</b> document. 
      </p> 
      Keywords are displayed with the default style 
      of the <b>element, likely in bold. </b>
   </body>
</html>