HTML Formatting Tags
Hello Students | Welcome our new blog here you will learn about HTML Formatting Tags With Examples. So must read the full article.
HTML <b> and <strong> Tags
In HTML <b> tag and <strong> tag display the text in bold front. Let us understand about both in detail:
HTML <b> tag
The HTML <b> tag specifies bold text, without any logical importance. It opens with <b> and ends with </b> tag.
Syntax:
<b>Content Goes Here.</b>
<html><head>
<title>Bold Text Example</title>
</head>
<body>
<p>This is normal text.</p>
<p><b>This is bold text.</b></p>
</body>
</html
Output:
HTML <strong> Tag
The HTML <strong> tag is a logical tag that specifies text with importance. The content inside the <strong> element appears in the bold text but with semantic importance. It opens with <strong> and ends with </strong> tag.
Syntax:
<strong>Content Goes Here.</strong>
Example of HTML <strong> Tag:
![HTML Formatting - Strong Text in HTML](https://www.shiksha.com/online-courses/articles/wp-content/uploads/sites/11/2022/04/HTML-Formatting-Strong-Text-in-HTML.png)
HTML <i> Tag
The HTML <i> tag displays the text in italics. It begins with <i> tag and ends with </i> tag.
Syntax:
<i>Content Goes Here.</i>
Example of HTML <i> Tag:
![HTML Formatting - Italics Text in HTML](https://www.shiksha.com/online-courses/articles/wp-content/uploads/sites/11/2022/04/HTML-Formatting-Italics-Text-in-HTML.png)
HTML <em> Tag
The HTML <em> tag emphasizes the text with semantic importance. It begins with <em> tag and ends with </em> tag.
Syntax:
<em>Content Goes Here.</em>
Example of HTML <em> Tag:
<html>
<head>
![HTML Formatting - Emphasize Text in HTML](https://www.shiksha.com/online-courses/articles/wp-content/uploads/sites/11/2022/04/HTML-Formatting-Emphasize-Text-in-HTML.png)
HTML <mark> Tag
The <mark> tag in HTML is used to highlight a text. It begins with a <mark> tag and a closes with a </mark> tag.
Syntax:
<mark>Content Goes Here.</mark>
Example of HTML <mark> Tag:
![HTML Formatting - Mark Text in HTML](https://www.shiksha.com/online-courses/articles/wp-content/uploads/sites/11/2022/04/HTML-Formatting-Mark-Text-in-HTML.png)
HTML <sup> Tag
The <sup> tag helps us to superscript a text. It has an opening <sup> tag and a closing </sup> tag. Superscript text displays with a raised baseline using a smaller font.
Syntax:
<sup>Content Goes Here.</sup>
Example of HTML <sup> Tag:
![Superscript tag](https://www.shiksha.com/online-courses/articles/wp-content/uploads/sites/11/2022/04/Superscript-tag-in-HTML.png)
HTML <sub> Text
The <sub> element helps us to subscript a text on a web page. It has a starting tag <sub> and a closing tag </sub>. The subscript text appears with a lowered baseline using a smaller font.
Syntax:
<sub>Content Goes Here.</sub>
Example of HTML <sub> Tag:
![Subscript Tag](https://www.shiksha.com/online-courses/articles/wp-content/uploads/sites/11/2022/04/Subscript-Tag-in-HTML.png)
Example of HTML <big> Tag:
![Big Tag](https://www.shiksha.com/online-courses/articles/wp-content/uploads/sites/11/2022/04/Big-Tag-in-HTML.png)
HTML <small> Tag
The HTML <small> tag specifies smaller text. It is mostly used for copyright and legal text on a web page. With this tag, the size of the text will reduce one font size more than the previous font size.
Syntax:
<small>Content Goes Here.</small>
Example of HTML <small> Tag:
![Small Tag](https://www.shiksha.com/online-courses/articles/wp-content/uploads/sites/11/2022/04/Small-Tag-in-HTML.png)
HTML <big> Tag
The HTML <big> tag helps us make the text’s size larger than the surrounding text. Using this tag makes the font size larger than the previous one.
Syntax:
<big>Content Goes Here.</big>
HTML <del> Tag
The HTML <del> tag specifies that text that has been deleted from a document. The <del> element starts with a <del> tag and ends with a </del> tag. The text between these tags shows as deleted text with a line striking through it.
Syntax:
<del>Content Goes Here.</del>
Example of HTML <del> tag:
![Delete Tag](https://www.shiksha.com/online-courses/articles/wp-content/uploads/sites/11/2022/04/Delete-Tag-in-HTML.png)
HTML <ins> Element
The HTML <ins> tag specifies that text has been inserted into a document. It has a starting tag <ins> tag and a closing tag </ins>. The text between these tags appears as inserted text with an underline beneath it.
Syntax:
<ins>Content Goes Here.</ins>
Example of HTML <ins> Tag:
![Insert Tag](https://www.shiksha.com/online-courses/articles/wp-content/uploads/sites/11/2022/04/Insert-Tag-in-HTML.png)