HTML Formatting Tags

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.

Test it Live

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.

Test it Live

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.

Test it Live

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.

Test it Live

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.

Test it Live

Output

Subscript text to show base X2 for math notation.

Deleted text

<del> tag used to show deleted text which looks like removed text.

Test it Live

Output

Deleted text looks like removed text.

Big text

<big> tag used to show larger text which looks one font larger than previous text.

Test it Live

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.

Test it Live

Output

Smaller text looks one font smaller text.

Strong text

<strong> tag used to show strong weighted text which looks same as bold text.

Test it Live

Output

Strong text looks bold text.

Emphasis text

<em> tag used to make text italic with some importance given to the text.

Test it Live

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.

Test it Live

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.

Test it Live

Output

inserted Text content.