What Are HTML Formatting Tags?

HTML Formatting Tags – You like Word Processors; Will Text be Bold, Italic in MS Word, WordPad etc? This is called Text Formatting.
Text Formatting You can also do in HTML. Special Elements have been defined separately for text formatting in HTML language. Special Elements are called Formatting Elements.
Define Formatting Elements Text in Special Meaning. like; <b> Element Bold Text defines, <i> defines Element Italic Text. Apart from these, many types of Formatting Tags have been designed in HTML. Which are being described below.

Various types of Formatting Tags in HTML

Table of Content

  1. <b> – Bold Text
  2. <strong> – Strong Text
  3. <i> – Italic Text in HTML
  4. <em> – Emphasized Text
  5. <strike> – Strikethrough Text
  6. <u> – Underline Text
  7. <mark> – Marked Text
  8. <del> – Deleted Text
  9. <ins> – Inserted Text
  10. <sup> – Superscript Text
  11. <sub> – Subscript Text
  12. <big> – Bigger Text
  13. <small> – Small Text
  14. what have you learned?

1. Bold Text in HTML

Bold Element is used to define Bold Text in HTML. This makes the text darker and thicker than Text itself. Bold Text is written in HTML such as:
Bold Text in HTML
Bold Text in HTML
When you see the code above in the browser, this type of result will come to you:
Bold Text in HTML Example
Bold Text in HTML Example


2. Strong Text in HTML

Strong Element is defined by an important (important) word / syllable. Strong Element also makes words darker and thicker than words near you. The Strong Element in HTML is thus defined.
Strong Text in HTML
Strong Text in HTML
When you see the code above in the browser, this type of result will come to you:
Strong Text in HTML Example
Strong Text in HTML Example

Bold vs Strong Element

You might be thinking that both of them when formatting the same type, then what is the need of both? And when should one define one of these?
It has a direct answer. If your word is more important than other words, then you use the Strong Element. Otherwise, use Bold Element.

3. Italic Text in HTML

Italic Element is used to write slant words in the HTML document. Italic Element lets words slightly skew as compared to other words. The Italic Element is thus defined.
Italic Text in HTML
Italic Text in HTML
When you see the code above in the browser, this type of result will come to you:
Italic Text in HTML Example
Italic Text in HTML Example

4. Emphasized Text in HTML

Words from the Emphasized Element are also skewed. But, the importance of an Emphasized Text is greater than Italic Text. Emphasized Element is thus defined.

Emphasized Text in HTML
Emphasized Text in HTML

When you see the code above in the browser, this type of result will come to you:

Emphasized Text in HTML Example
Emphasized Text in HTML Example

Italic vs Emphasized Element

Here too, you have to remember the same thing that you have done in Bold vs Strong Element. If your text is more important than other text, you can use Emphasized Tag. Otherwise, you use the Italic Element.

5. Strike through Text in HTML

Strike through Element pulls a half line between the word / syllable. It is defined as type.

Strike through Text in HTML
Strike through Text in HTML

When you see the code above in the browser, this type of result will come to you:

Strike through Text in HTML Example
Strike through Text in HTML Example

6. Underline Text in HTML

You will remember when you write notes in School / College, pulling a line below important words or line. Which meant that the word was different. This is done with the Underline Element in the HTML document. Underline Underline Element Text pulls a horizontal line. It is thus defined.

Underline Text in HTML
Underline Text in HTML

When you see the code above in the browser, this type of result will come to you:

Underline Text in HTML Example
Underline Text in HTML Example

7. Marked Text in HTML

Marked Text is defined by the Mark Element. It highlights special words. Mark Element is thus defined.

Marked Text in HTML
Marked Text in HTML

When you see the code above in the browser, this type of result will come to you:

Marked Text in HTML Example
Marked Text in HTML Example

8. Deleted Text in HTML

Delete Element defines the word removed from the document. The word on which the Delete Element is applied is applied. That word is cut in half from a horizontal line.

Deleted Text in HTML
Deleted Text in HTML

When you see the code above in the browser, this type of result will come to you:

Deleted Text in HTML Example
Deleted Text in HTML Example

9. Inserted Text in HTML

Other words are defined in the place of the deleted word by the Insert Element. Insert Element is thus defined.

Inserted Text in HTML
Inserted Text in HTML

When you see the code above in the browser, this type of result will come to you:

Inserted Text in HTML Example
Inserted Text in HTML Example

10. Superscript Text in HTML

Superscript Text is defined by Subscript Element. This text becomes half as compare to the text you have, and the user appears on the pass word. Subscript Text is thus defined.

Superscript Text in HTML
Superscript Text in HTML

When you see the code above in the browser, this type of result will come to you:

Superscript Text in HTML Example
Superscript Text in HTML Example

11. Subscript Text in HTML

Subscript Text is defined by Subscript Element. This text is exactly the opposite of Superscript Text. Because this text appears lower than the word you have. The subscript text is defined as

Subscript Text in HTML
Subscript Text in HTML

When you see the code above in the browser, this type of result will come to you:

Subscript Text in HTML Example
Subscript Text in HTML Example

12. Bigger Text in HTML

Larger Text is defined by Big Element. Larger Text gets a bit bigger than text near you. Big Text is thus defined.

Bigger Text in HTML
Bigger Text in HTML

When you see the code above in the browser, this type of result will come to you:

Bigger Text in HTML Example
Bigger Text in HTML Example

13. Small Text in HTML

Small Text is defined by Small Element. Small Text gets a little smaller than Text near you. Small Text is thus defined.

Small Text in HTML
Small Text in HTML

When you see the code above in the browser, this type of result will come to you:

Small Text in HTML Example
Small Text in HTML Example

What have you learned?

In this lesson we have given the text formatting information in HTML. You know that different types of text formatting like HTML; Bold, Italic, Strike through, Big, Small, Strong etc. How can this be done? We hope this lesson will prove useful to you.