HTML Text Formatting

In the previous tutorial, we learned about the style attribute for changing the style of an element. In this tutorial, we're going to tackle about the HTML text formatting element. Formatting elements were used to display special types of text or defining text with a special meaning.

Here are some examples of HTML text formatting we can use.

<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<mall> - Small text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text

HTML <b> and <strong> Elements

If you want to make your text bold without any extra importance, use <b> element.

If you want to make your text strong with added semantic "strong" importance, use <strong> element.

HTML <i> and <em> Elements

We can use <i> element to make our text italic without any extra importance.

We can use <em> element to make our text italic with added semantic importance.

You will get the same result or browsers will display <strong> as <b> and <em> as <i> but there's a difference in the meaning of these tags since <b> and <i> defines bold and italic text while <strong> and <em> means that the text is "important".

HTML <small> Element

Use <small> element for small text.

HTML <mark> Element

Use <mark> element for marking or highlighting text.

HTML <del> Element

If you want to make the text display like deleted or removed, use <del> element.

HTML <ins> Element

If you want to make the text display like inserted, use <ins> element.

HTML <sub> Element

We can use <sub> element for defining a subscript text.

HTML <sup> Element

We can use <sup> element for defining a superscript text.

---

HTML 5 Tutorials:

HTML 5 Tutorial #1 - Introduction
HTML 5 Tutorial #2 - HTML Editors
HTML 5 Tutorial #3 - HTML Basic
HTML 5 Tutorial #4 - HTML Elements
HTML 5 Tutorial #5 - HTML Attributes
HTML 5 Tutorial #6 - HTML Headings
HTML 5 Tutorial #7 - HTML Paragraphs
HTML 5 Tutorial #8 - HTML Styles