Skip to content
Related Articles

Related Articles

Improve Article
Save Article
Like Article

How to indicate text is important in HTML ?

  • Last Updated : 17 Nov, 2021

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 <strong>, <b>, <i>, <em>, <mark>, <small>, <sup>, <sub>, <ins>, <del>.These are the parsed tag that are used to display the importance of the text.

Syntax:

  • <strong>: The <strong> tag is the parsed tag and is used to show the importance of the text that makes the text bold.
<strong>Text Content</strong>
  • <b>: It is used to specifies the bold text without any extra importance
<b>Bold Text</b>
  • <i>: It is used to display the content in italic style.
<i>Italic text</i>
  • <em>: It is a phrase tag and is used to emphasize the text content.
<em>Emphasized Text</em>
  • <mark>: It is used to define the marked text.
<mark>Marked Text</mark>
  • <small>: 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>
  • <sub>: 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


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!