How to indicate text is important in HTML ?️‍🔥

In this article, we will know how to indicates the important text or mark texts as important in HTML. There are several HTML elements that are used for defining text with a special meaning. There are several formatting elements in HTML, some of them are , , , , , , , , <ins>, <del>.These are the parsed tag that are used to display the importance of the text.

Syntax:

<strong>: The tag is the parsed tag and is used to show the importance of the text that makes the text bold.

<strong>Text Content</strong>

: It is used to specifies the bold text without any extra importance

<b>Bold Text</b>

: It is used to display the content in italic style.

<i>Italic text</i>

: It is a phrase tag and is used to emphasize the text content.

<em>Emphasized Text</em>

: It is used to define the marked text.

<mark>Marked Text</mark>

: It is used to set small font size.

<small>Smaller Text</small>

<sup>: It is used to describes the text as a superscript text.

<sup>Superscripted Text</sup>

: It is used to write text below the baseline of the text in a smaller font.

<sub>Subscripted Text</sub>

<ins>: It is used to specify a block of inserted text.

<ins>Inserted Text</ins>

<del>: It stands for delete and is used to mark a portion of text which has been deleted from the document.

<del>Deleted Text</del>

We will utilize the above tags to make the important text & also understand their implementation in HTML.

Example: This example illustrates the use of the various HTML tags for making the text as important.

HTML

<!DOCTYPE html>
<html>
 
<head>
    <title>Important texts</title>
</head>
 
<body>
    <h1>w3wiki</h1>
    <h3>How to indicate the text as important in HTML</h3>
    <hr />
    <!-- normal text-->
     
<p>This is normal text</p>
 
    <!-- strong tag-->
     
<p><strong>Important Text using strong tag</strong></p>
 
    <!-- bold tag-->
     
<p><b>Bold text using b tag</b></p>
 
    <!-- italic tag-->
     
<p><i>Italic text using i tag</i></p>
 
    <!-- emphasized tag-->
     
<p><em>Emphasized text using em tag</em></p>
 
    <!-- mark tag-->
     
<p><mark>Marked text using mark tag</mark></p>
 
    <!-- italic tag-->
     
<p><i>Italic text using i tag</i></p>
 
    <!-- small tag-->
     
<p><small>Small text using small tag</small></p>
 
    <!-- superscripted tag-->
     
<p><sup>Superscripted text</sup> using sup tag</p>
 
    <!-- subscripted tag-->
     
<p><sub>Subscripted text</sub> using sub tag</p>
 
    <!-- inserted tag-->
     
<p><ins>Inserted text</ins> using ins tag</p>
 
    <!-- deleted tag-->
     
<p><del>Deleted text</del> using del tag</p>
 
</body>
 
</html>

Output:

Supported Browsers:

Google Chrome 94.0
Firefox 93.0
Microsoft Edge 94.0
IE 11.0
Safari 15.0
Opera 80.0