Bold html tag to Highlight text

Bold tag in html is used to highlight marked portion of the text in bold. Bold tag differentiates the marked area from the rest.

Normat text This is bold text. Normal text again
Output
Normat text This is bold text. Normal text again

Bold tag have one starting tag and one ending tag.

Here is one more example of bold text.

This area is simple text and this part is written in bold. Here again simple area

You can see the code of the above line with bold tag inside ( the change in color of the font is because of assigned style through CSS ).

This area is simple text and <b>this part is written in bold</b>. Here again simple area

As html tags are case insensitive so capital letter tag or small letter tag can be used. Like this

This area is simple text and <b>this part is written in bold</B>. Here again simple area

Using Style with Bold tag

We can manage how the bold tag should change by using style sheet. We can use class attribute in bold tag and manage the display properties.

<style>
b { 
 font-size: 40px;
 color:green;
}
</style>

Keep this code inside your HEAD section of the page.

DEMO: Bold tag with change in Font size by Style
DEMO: Bold tag with change in Font colour by Style

Similar to bold tags are , mark and partly h1 to h6 tags.

Using SPAN tag with inline style

Normal text and <span style="font-weight:bold">Bold text Here</span>

Normal text and Bold text Here

We should not use bold tag inside page title or inside description , keywords etc ( inside head part).

Learn how to highlight and format text using span tag

HTML Font style by CSS Managing font size and style

Bold tag in html code

Using Style with Bold tag

Using SPAN tag with inline style

Subscribe