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.
