Skip to content
Click Here to get a free report on how to make your website faster
RSS
HTML B (Bold) Tag Explained

By

Raqueebuddin Aziz

July 5, 2023

Freelance Web Designer & Developer

HTML B (Bold) Tag Explained

The b tag can be used to make text bold.

Usage

Wrap whatever text you want to bold with the b tag.

See more examples on our <b>instagram page</b>
See more examples on our instagram page

Legacy

The b tag was the only way to make text bold or emphasize an important part of a sentence before the introduction of CSS and strong tag.

Let’s see how to use these modern alternatives.

Modern approaches

To make text bold

If your goal is to make the font bold, you should use the font-weight CSS property with value bold or 700.

See more examples on our <span style="font-weight: bold">instagram page</span>
See more examples on our instagram page

To mark text as important

If your goal is to mark some text in a paragraph or sentence as important, you should use the strong tag. It will still make the font bold but that is completely optional and you are free to use the font-weight CSS property to reset the font to normal weight.

See more examples on our <strong>instagram page</strong>
<!-- OR WITH DEFAULT WEIGHT -->
See more examples on our <strong style="font-weight: normal">instagram page</strong>
See more examples on our instagram page
See more examples on our instagram page

Conclusion

The b tag is kind of deprecated with the introduction of CSS and strong tag, and you should instead use modern alternatives to what it was designed to do as they convey more meaning and thus are more accessible.

Leave a comment down below, if you knew about these modern approaches

Tweet Share on LinkedIN Post on Reddit

Looking for a dev to help build an MVP for your tech startup?

Reach out to me.

Contact

We use cookies to enhance your browsing experience and analyze website traffic. By continuing to use our website, you consent to the use of cookies in accordance with our Privacy Policy.

Privacy Policy