HTML Formatting Tags With Examples - O Level

HTML Formatting Tags With Examples

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 Formatting - Bold Text in HTML

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>
<head>
<title>Strong Text Example</title>
</head>
<body>
<p>This is normal text.</p>
<p><strong>This is strong text with logical importance.</strong></p>
</body>
</htm
Output:
HTML Formatting - Strong Text in HTML

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>
<head>
<title>Italics Text Example</title>
</head>
<body>
<p>This is normal text.</p>
<p><i>This is italics text.</i></p>
</body>
</html\
edcOutput:
HTML Formatting - Italics Text in HTML

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>

<title>Emphasized Text Example</title>
</head>
<body>
<p>This is normal text.</p>
<p><em>This is emphasized text.</em></p>
</body>
</html>
Output:
HTML Formatting - Emphasize Text in HTML

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>
<head>
<title>Highlighted Text Example</title>
</head>
<body>
<p>This is normal text.</p>
<p><mark>This is highlighted text.</mark></p>
</body>
</html>
Output:
HTML Formatting - Mark Text in HTML

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:

<html>
<head>
<title>Superscript Text Example</title>
</head>
<body>
<p>This is normal text.</p>
<p>This is<sup>superscript</sup>text.</p>
</body>
</html>
Output:
Superscript tag

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:

<html>
<head>
<title>Subscript Text Example</title>
</head>
<body>
<p>This is normal text.</p>
<p>This is<sub> subscript</sub>text.</p>
</body>
</html>
Output:
Subscript Tag

Example of HTML <big> Tag:

<html>
<head>
<title>Big Text Example</title>
</head>
<body>
<p>Big Font:<big> This is an example to show Larger Text.</big></p>
</body>
</html>
Output:
Big Tag

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:

<html>
<head>
<title>Smaller Text Example</title>
</head>
<body>
<p>Small Font:<small> This is an example to show Smaller Text.</small></p>
</body>
</html>
Output:
Small Tag

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:

<html>
<head>
<title>Delete Text Example</title>
</head>
<body>
<p>Check out this example,<del>this text will be deleted.</del></p>
</body>
</html>
Output:
Delete Tag

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:

<html>
<head>
<title>Insert Text Example</title>
</head>
<body>
<p> Check out this example,<ins> to insert a new paragraph.</ins></p>
</body>
</html
Output:
Insert Tag
Thanks For Reading the Article HTML Formatting Tags With Examples.
For Live Class of HTML Formatting Tags With Examples.Subscribe Our Youtube Channel
Also check Our Latest Uploads

Leave a Comment