PROJECT CODE

                                            The Developers Choice!!!!
                                                                                                            Home | About Us | Contact Us

HTML TUTORIALS

Lecture9 : Formattings

What is HTML Formatting
HTML Formatting is use to represent the text in different format like Bold, Italic, Underlined, Small and many more.
How to use HTML Formatting
HTML uses tags like <b> and <i> for formatting output, like bold or italic text. These HTML tags are called formatting tags.

<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><i>This text is italic</i></p>
<p><em>This text is emphasized</em></p>
<p><code>This is computer output</code></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
<p>My favorite color is <del>teal</del> <ins>gray</ins>!</p>
<p>My favorite color is <ins>teal</ins> <del>gray</del>!</p>
<p>Please check spelling of <mark>word</mark> in English Language.</p>
<p><code>This is computer output</code></p>
<kbd>Keyboard input</kbd>
<samp>Sample output from a computer program</samp>
<var>Variable style</var>
<pre>Text style in pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks</pre>
<p>The <abbr title="Project Code Developer">PCD </abbr> was founded in 2014.</p>
<address> Written by <a href="info@example.co.in">Newton</a>.
Visit us at:
Example.com
RDC, Ghaziabad
UP
</address>
<p>This paragraph will go left-to-right.</p>
<p><bdo dir="rtl">This paragraph will go right-to-left.</bdo></p>
<blockquote cite="http://www.projectcode.co.in"> Project Code has been designed with an objective to help programmers by providing a free and complete source code that can be used in their own applications. This website is very useful for IT Developers and Professionals to exchange their knowledge and experience by using various interactive online methods such as contributing articles, discussion forums, books, and videos. </blockquote>
<p>Project Code aims: <q>To provide best code to our visitors with 100% satisfaction</q> We know they got satisfaction with us.</p>
<p> <cite>The Project code design <cite> by Devlopers in 2014.</p>
<dfn>Definition term style</dfn>
How to implement HTML Formatting

Example :
<!DOCTYPE html>
<html>
<body>

<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><i>This text is italic</i></p>
<p><em>This text is emphasized</em></p>
<p><code>This is computer output</code></p>
<p>This is<sub> subscript</sub> and <sup>superscript</sup></p>
<p>My favorite color is <del>teal</del> <ins>gray</ins>!</p>
<p>My favorite color is <ins>teal</ins> <del>gray</del>!</p>
<p>Please check spelling of <mark>word</mark> in English Language.</p>
<p><code>This is computer output</code></p>
<kbd>Keyboard input</kbd>
<samp>Sample output from a computer program</samp>
<var>Variable style</var>
<pre>Text style in pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks</pre>
<p>The <abbr title="Project Code Developer">PCD </abbr> was founded in 2014.</p>
<address> Written by <a href="info@example.co.in">Newton</a>.
Visit us at:
Example.com
RDC, Ghaziabad
UP
</address>
<p>This paragraph will go left-to-right.</p>
<p><bdo dir="rtl">This paragraph will go right-to-left.</bdo></p>
<blockquote cite="http://www.projectcode.co.in"> Project Code has been designed with an objective to help programmers by providing a free and complete source code that can be used in their own applications. This website is very useful for IT Developers and Professionals to exchange their knowledge and experience by using various interactive online methods such as contributing articles, discussion forums, books, and videos. </blockquote>
<p>Project Code aims: <q>To provide best code to our visitors with 100% satisfaction</q> We know they got satisfaction with us.</p>
<p> <cite>The Project code design <cite> by Devlopers in 2014.</p>
<dfn>Definition term style</dfn>


</body>
</html>


Output :

This text is bold

This text is strong

This text is italic

This text is emphasized

This is computer output

This is subscript and superscript

My favorite color is teal gray!

My favorite color is teal gray!

Please check spelling of word in English Language.

This is computer output

Keyboard input Sample output from a computer program Variable style
Text style in pre element is displayed in a fixed-width font, and it preserves both spaces and line breaks

The PCD was founded in 2014.

Written by Newton. Visit us at: Example.com RDC, Ghaziabad UP

This paragraph will go left-to-right.

This paragraph will go right-to-left.

Project Code has been designed with an objective to help programmers by providing a free and complete source code that can be used in their own applications. This website is very useful for IT Developers and Professionals to exchange their knowledge and experience by using various interactive online methods such as contributing articles, discussion forums, books, and videos.

Project Code aims: To provide best code to our visitors with 100% satisfaction We know they got satisfaction with us.

The Project code design by Devlopers in 2014.

Definition term style
   
All Rights Reserved with Project code