HTML Formatting

As a web developer you note that,  when we add different pages on site and we need or we want to format the text into different forms. For example when you write an article and you think some text in article is very important  and you want to bold it because when a reader ,read your article they can see it easily like this ,there is huge different in above line and this bold text ,it means this is the important text please read this carefully.There are many HTML Text Formatting Tags but here we discussed about the important and most commonly styles which is used in web site development.These Tags are given below

HTML Text Formatting Tags

• <b> Bold Text
• <em> Emphasized Text
• <strong> Strong Text
• <i> Italic Text
• <sub> Subscripted Text
• <sup> Superscripted Text
• <del> Struckthrough Text
• <big> To big Text
• <small To Small Text
• <ins> To insert Text.

HTML "Computer Output" Tags

• <code> Computer Code Text
• <samp> Sample Computer Code 
• <tt>  teletype text
• <var>  Define the variable.

HTML Citation,Quotation and Definitions Tags

• <q> To define the quotation
• <blockquote> For Long Quotation
• <cite> To define Citation
•  <abbr> Define an Abbreviation.

HTML Text Formatting 
Now i want to show the text formatting code in a text editor,Now see

Example:

<p>This is  Example of <b>Bold Text</b></p>
<p>This is  Example of <em>Emphasized Text</em></p>
<p>This is  Example of <strong>Strong Text</strong></p>
<p>This is  Example of <i>Italic Text</i></p>
<p>This is  Example of <sup>superscripted Text</sup></p>
<p>This is  Example of <sub>subscripted Text</sub></p>
<p>This is  Example of <del>struckthrough Text</del></p>
<p>This is  Example of <code>Computer Code Text</code></p>

and now we see all the above text formatting tags results in a web browser,

Your Result:

When we format elements such as bold <b> or italicize  <i> the one or two words ,but  when we want to bold or italicize the whole paragraph can we use the <b> tag or <i> tag yes we can but that is not a proper way ,we use the Cascading Style Sheet(CSS)  and we adjust the weight or font property and we know it is the work of web designer and its depends upon  the web designer what he want .

HTML- Line Break
Line Break</br> is basically use to break or cut the line.As i mentioned in the previous lecture that each paragraph is start and ends with the line break tag.And we know that line break tag is different as compared to other tags because line break tags are with out ending or  closing tags .Here is the example of Line break tags and there work why we use  the line break tags,Now see

Example:

<p>
John Smith<br />
Post Office 61<br />
Street No 12, New York <br />
</p>

Here is use the line break tags for Address purposes.Now see the results in the web browser.
Your Results:

Here i  use the line break for writing the letter end with the signature,here is the example


Example:

<p> Sincerely,<br />
<br />
<br />
John Smith<br />
Vice President</p>

Here is your result in the browser,now see

Your Result:

That's all if you have any problem please happily Contact us.