Learn HTML text Formatting tags with examples to display text in different formats. There are several text formatting tags in HTML that looks different from other text content. For example: <b>
tag is for bold text, <em>
tag is for italic, <u>
tag is for underline, <sup>
tag is for superscript text, etc.
List of text HTML formatting tags
Sr. No. | Text Formatting Tags | Description |
---|---|---|
1 | <b> Bold text</b> |
If you want to make text bold in the webpage. You have to use this tag to make text bold. |
2 | <i> Italic text<i> |
An italic text is the formatting text fetures by using HTML <i> tag. |
3 | <u> Underline text<u> |
Used to make text underline. See HTML underline tag for more details. |
4 | <sub> Subscript text<sub> |
Used to make text subscribed. The text display half below the main character text. See HTML sub tag for more details. |
5 | <sup> Superscript text<sup> |
Used to make text superscribed. The text display half above the main character text. See HTML sup tag for more details. |
6 | <del> Deleted text</del> |
Used to make text appear as deleted text. See HTML del tag for more details. |
7 | <big> Big text</big> |
Used to make text larger. It display the text one font size larger the other text. See HTML big tag for more details. |
8 | <small> Small text</small> |
Used to make text smaller. It display the text one font size smaller the other text. See HTML small tag for more details. |
9 | <strong> Strong text</strong> |
Used strong appearance of the text. See HTML strong tag for more details. |
10 | <em> Emaphasis text</em> |
Used to make text italic with some importance. See HTML em tag for more details. |
11 | <mark> Marked text</mark> |
Used to highlight a text. See HTML mark tag for more details. |
12 | <ins> Inserted text</ins> |
Used to show inserted text. See HTML ins tag for more details. |
Bold text
<b>
tag used to make the text content appear with some weight and more dark.
1 |
<p><b>Bold text</b> for content with more weight.</p> |
Output
Bold text for content with more weight.
Italic text
<i>
tag can be used to make the text italic as of word doc italic text content.
1 |
<p><i>Italic text</i> to add italic content as of Word doc.</p> |
Output
Italic text to add italic content as of Word doc.
Underline text
<u>
tag used to make the text appearance underline as of word doc underline text.
1 |
<p><u>Underline text</u> as of word document.</p> |
Output
Underline text as of word document.
Superscript text
<sup>
tag used to show superscript text. This can be useful in mathematical notation to display square, square root, cube root, and many more.
1 |
<p><sup>superscript text</sup> show square X<sup>2</sup> for math notation.</p> |
Output
superscript text show square X2 for math notation.
Subscript text
<sup>
tag used to show subscript text. This can be useful in math notation to display log with base2, equations, and many others.
1 |
<p><sub>Subscript text</sub> to show base X<sub>2</sub> for math notation.</p> |
Output
Subscript text to show base X2 for math notation.
Deleted text
<del>
tag used to show deleted text which looks like removed text.
1 |
<p><del>Deleted text</del> looks like removed text.</p> |
Output
Deleted text looks like removed text.
Big text
<big>
tag used to show larger text which looks one font larger than previous text.
1 |
<p><big>Larger text</big> looks one font bigger than the previous text.</p> |
Output
Larger text looks one font bigger than the previous text.
Small text
<small>
tag used to show smaller text which looks one font smaller than previous text.
1 |
<p><small>Smaller text</small> looks one font smaller text.</p> |
Output
Smaller text looks one font smaller text.
Strong text
<strong>
tag used to show strong weighted text which looks same as bold text.
1 |
<p><strong>Strong text</strong> looks bold text.</p> |
Output
Strong text looks bold text.
Emphasis text
<em>
tag used to make text italic with some importance given to the text.
1 |
<p><em>Emphasis text</em> with show important text.</p> |
Output
Emphasis text with show important text.
Mark text
<mark>
tag used to hightlight a text. This is the text content appear as marked with markers.
1 |
<p><mark>Mark text</mark> to highlight a text.</p> |
Output
Mark text to highlight a text.
Inserted text
<ins>
tag used to show inserted text. This converts the simple text into underlined text content.
1 |
<p><ins>inserted Text</ins> content.</p> |
Output
inserted Text content.