HTML Formatting Tags | my experiences

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.