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>GeeksforGeeks</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

Article Tags :

HTML

Web Technologies

HTML-Questions

HTML-Tags