bold tag in html with example

Home » HTML » HTML Tags » bold tag in html with example

bold tag in html with example

Posted by 20Fingers2Brains on Tags: HTML , HTML Tags

The bold tag is used to place your text into boldface. The element is not deprecated, but it is not as accessible as it's counterpart the element.
Many browsers render the tag in the same fashion as the tag.
The tag is more correct for standards-based XHTML.
If you can't use the element, then you should consider using the CSS font-weight.
The is supported in all major browsers. property.

Example 1 :

     
     <html>
     <head>
     <title>Br</title>
     </head>
     <body>
     Plain Text: This is plain text.<br/>
     Bold Text: <b>This is not.</b>
     </body>
     </html>

Demo :

In the above example we have rendered plain text and bold text, to show what bold tag can make difference.

Example 2 : Bold element and Style

<html>
<head>
<title>BStyle</title>
<style type="text/css">
#kk
{
font-family:comic sans ms;
font-size:30px;
color:green;
}
</style>
</head>
<body>
Plain Text: This is plain text.
Bold Text:<b id="kk">This is not.</b>
</body>
</html>

Demo :

In the above example, we have renedere one plain text and one bold text. We have applied CSS class to bold text.

Example 3 : Bold and jQuery

<html>
<head><title>B</title>
<script type="text/javascript">
    $(document).ready(function () {
        $("#b1").click(function () {
            var ins = "This is 2 Brains 20 fingers";
            $("#b").html(ins);
        });
    });
</script>
</head>
<body>
<p id="b"></p>
<input type="button" id="b1" value="Press" />
</body>
</html>

Demo :

In the above example, on button click we are preparing a html syntax for bold element in string and appending to the paragraph element using html() method.