HTML Formatting

HTML Formatting

Sponsored Ads

If you are familiar with word processor software like Microsoft word you may know the formatting options like Bold text, italic text, or underlined text etc. Similarly Html also has text formatting options. Html is not a software for word processor.  So Html don’t have much word processing options, but still the basic word processing options available in Html.

Sponsored Ads

with word processor software like Microsoft word you may know the formatting options like Bold text, italic text, or underlined text etc. Similarly Html also has text formatting options. Html is not a software for word processor.  So Html don’t have much word processing options, but still the basic word processing options available in Html.

Bold Text

In Html you can make a text appear bold with the <b> tag. Anything that appear between the <b>…..</b> is displayed in bold.

Example

<p>The word <b> Bold</b> in this paragraph will be displayed in bold</p>

Output

The word Bold in this paragraph will be displayed in bold

Italic Text

In Html you can make a text displayed in italics with the <i> tag. Any text written between <i>…..</i> will be displayed in italics.

Example

<p><i>This line will be displayed in italics</i></p>

Output

This line will be displayed in italics

Underlined Text

The tag <u> is used to display an underlined text. Anything in between <u>….</u> will be displayed with an underline.

Example

<p>Demonstrating <u>underlined</u> text in Html</p> 

Output

Demonstrating underlined text in Html

Strikethrough Text

<strike> tag is used to make a text appear as Strikethrough text.

Example

<p>Anything between <strike>Strikethrough Text</strike> will be displayed as a Strikethrough text</p> 

Output

Anything between Strikethrough Text will be displayed as a Strikethrough text

Monospaced Font

The tag <tt> is used to create Monospaced font. Normally all fonts are variable-width fonts as each letter has different widths. (Eg: The letter ‘m’ is wider than the letter ‘i’. In a monospaced font, however, each letter has the same width.

Example

<p>The following word uses <tt> monospaced font</tt></p>

Output

The following word uses monospaced font

Larger Text

<big> is the Html tag for large text. Content inside the <big>…..</big> will be displayed one font size larger than the surrounding fonts.

Example

<p>The Text is Displayed in a <big>Larger</big>font size<p> 

Output

The Text is Displayed in a Largerfont size

Smaller Text

The Html code for Smaller Text is <small>. The Contents inside the tag <small>…..</small> will be displayed one font size smaller than the text surrounding it.

Example

<p>The Text is Displayed in a < small >Smaller</ small >font size<p> 

Output

Sponsored Ads

The Text is Displayed in a < small > Smaller font size

Superscript Text

The tag used in html to superscript a text is <sup>. Anything written in between <sup>….</sup> will be displayed in super scripted font. The font size used for superscript is the same but will be displayed with half the height of regular font height and will be displayed a little above the normal characters. Normally superscripts are used to write mathematical formulas like 5 to the power of 2 and all like 52.

Example

<p>The Area of a square with length 5 cm is 5<sup>2</sup> = 25</p> 

Output

The Area of a square with length 5 cm is 52 = 25

Subscript Text

<sub> is the tag in html for subscripting a text. Normally we use subscript text to write chemical formulas like H2 and all. Anything written in between <sub>….</sub> will be displayed in subscript fornt. The font size is same but will be displayed with half the height of normal font and  and a it lower than normal characters.

Example

<p>The Chemical formula for Nitric acid is Sulphuric acid is H<sub>2</sub>SO<sub>4</sub> 

Output

The Chemical formula for Nitric acid is Sulphuric acid is H2SO4

Inserted Text

<Ins> is the Html tag for inserted text. Anything written in between the code <ins>…..</ins>will be dispayed as Inserted/Added Text.

Example

<p>I want to play <del>Football</del> <ins> Cricket</ins> </p> 

Output

I want to play Football Cricket

Deleted Text

<del> is the Html code for Deleted text. Anything written in between the tag <del>…..</del> will be displayed as Deleted text.

Example

<p>I want to play <del>Football</del> <ins> Cricket</ins> </p> 

Output

Sponsored Ads

I want to play Football Cricket

Sponsored Ads

%d bloggers like this: