This website uses cookies

We use cookies to personalize content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you've provided to them or that they've collected from your use of their services. Please read more at our privacy policy page.



HTML <b> tag

The <b> tag is used to highlight in bold that part of the text, which we want to make more obvious for the user. The <b> tag only highlights the part of the text, it has no semantic load (including for search engines). To semantically highlight the importance of the text, the <strong> tag is used.

In HTML 5 it’s recommended to use the <b> tag only as a last resort, when it is not possible to use other tags.

Syntax

The <b> tag comes in pairs; the content is written between the opening <b> and the closing tag </b>.

Example

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document </title>
  </head>
  <body>
    <p><b>This section of the text </b> has been extracted in bold,</p>
  </body>
</html>

Result

The appearance of the content of the <b> container is defined by default, but the bold style can be changed by the help of CSS.

You can also use the CSS font-weight property to set bold text.

Example

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document </title>
    <style>
      .bold-text {
      font-weight: 700;
      }
    </style>
  </head>
  <body>
    <p><span class="bold-text">This section of the text </span> has been extracted in bold,</p>
  </body>
</html>

Result

Attributes

The <b> tag supports the Global Attributes and the Event Attributes.

Browser support