HTML - Tag

Quiz

Introduction to Tag

The HTML tag is used to highlight the text and specify the text in bold; Making it stand out visually from the surrounding content. As it is a non-semantic element, it does not convey any additional meaning or importance other than the visual importance.

The tag is generally used when you need to draw the attention to the specific text without indicating a stronger emphasis or importance, as would be conveyed by the tag.

Nowadays every modern web uses CSS for styling, but the tag remains a simple and quick way to highlight text in bold.

Syntax

Following is the syntax of HTML tag −.

<b> ... </b>

Attributes

HTML b tag supports Global and Event attributes of HTML.

Example : Simple Bold Text

In the following example, we are going to consider the basic usage of the tag.

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

Example : Combining with CSS

Consider the following example, where we are going to use the tag and applying the CSS properties to it.

<!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>

Example : Without Using Tag

In the following example, we are going to create a bold text without using the tag.

<!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>