HTML Formatting Elements

HTML Formatting is a process of formatting text for better looks view and it's feel.HTML formatting is used to provides us ability to format text without using CSS. There are many types of formatting element in HTML. These elements are used to make text bold, italicized, or underlined.

Formatting elements were designed to display special types of text like as given below.

• <b> : This type of element is used to bold the text written between it.
• <strong> : This is use tells the browser that the text is important.
• <i>  : This is used to make text italic.
• <em> : Used to display content in italic.
• <mark> : This tag is used to highlight text.
• <small> : Used to Smaller text.
• <big> : This element is used to increase the font size by one conventional unit.
• <del> : Deleted text.
• <sup> : It displays the content slightly below the normal line.
• <sub> : It displays the content slightly below the normal line.
• <ins> : This tag displays the content which is added
• <u> : This element is used to underline text written between it.
• <tt> : This element is used to appear a text in teletype. (not supported in HTML5).
• <strike> : This element is used to draw a strikethrough on a section of text. (Not supported in HTML5)

1. HTML <b>  Elements

The HTML <b> element defines bold text, without any extra importance.

Example

<b>This text is bold</b>

output

This text is bold

2. HTML <strong> Elements

The HTML <strong> element defines text with strong importance like as <b>. The content inside is typically displayed in bold.The HTML <strong> tag is a logical tag, which displays the content in bold font and informs the browser about its logical importance. If you write anything between <strong>!!!!!!!. </strong>, is shown important text.

Example

<strong>This is an important content which is bold</strong> 

output

This is an important content which is bold

3. HTML <i> and <em> Elements

In the HTML <i> element is physical element, which display the enclosed content in italic font, without any added importance. The <i> tag is often used to indicate a technical term, a phrase from another language, a thought, a ship name, etc.

Example

<i>This text is italic</i>

The HTML <em> tag is a logical element, which will display the enclosed content in italic font, with added semantics importance.

Example

<em>This text is emphasized</em>

output

This text is italic

This text is emphasized

4. HTML <small> Element

If you want to put your font size smaller than the rest of the text then put you can use <small>.........</small>element. It reduces one font size than the previous one.

<p>Hello HTML <small>This is small text </small></p>  

output

Hello HTML This is small text

5. HTML <mark> Element

The HTML <mark> element defines text that should be marked or highlighted:

Example

<h1> You want to put a <mark> Mark</mark> on your face ?</h1> 

output

You want to put a Mark on your face ?

6. HTML <big> Element - Larger Text

If you want to larger font  size than the rest of the text then put the content within <big> something here </big>. It increase one font size larger than the previous one.

Example

<p>This is <big>larger font size example.</big></p>  

output

This is  larger font size example
.

7. HTML <del> Element

The HTML <del> element defines text that has been deleted from a document. Browsers will usually strike a line through deleted text:

Example

<p> Hello <del> Delete my this content .</del> </p>  

output

8. HTML <sup> Element

The HTML <sup> element defines superscript text. Superscript text appears half a character above the normal line, and is sometimes rendered in a smaller font. Superscript text can be used for footnotes, like WWW[1]:

Example

<p>Hello <sup> Write Your First Paragraph in superscript.</sup></p>

output

9. HTML <sub> Element

The HTML <sub> tag defines like as  a  subscript text. The subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font.If you put the content within _{..............} element, is shown in subscript ; means it is displayed half a character's height below the other characters.

Example

<p>This is <sub> subscripted </sub> text.</p>

output

10. HTML <ins> Element

In other exampl in HTML using  <ins> element defines a text that has been inserted into a document. Browsers will usually underline inserted text:

Example

<p>The main  color is <del>blue</del> <ins>red</ins>.</p>

output

11. HTML <u> Element

If you write anything within <u>.........</u> element, is shown in underlined text.

Example

<p> <u>This is my underlined text.</u></p> 

output

This is my underlined text.

11. HTML <tt> Element

If you want that each letter has the same width then you should write the content within <tt>.............</tt> element.

We know that most of the fonts are known as variable-width fonts because different letters have different width. (for example: 'k' is wider than 'q'). Monospaced Font provides similar space among every letter.

Example

<p>Hello <tt> Write Your First Paragraph in monospaced font.</tt></p>   

output

12. HTML <strike> Element

Anything written within <strike> write code your here </strike> element is displayed with strikethrough. It is a thin line which cross the statement.

Example

<p> <strike>Write Your First Paragraph with strikethrough</strike>.</p>  

output