HTML Formatting

HTML uses many tags for formatting, like bold or italic text.These HTML tags are called formatting tags.

<b> or <i>defines bold or italic text. It is not same as <strong> or <em>. It simply means the text should have given some importance than other.

Changing Font color

HTML allows you to change the color of the font in a very simple way.

For example,


<FONT COLOR="green">Programming Tute</FONT>

Output:

Programming Tute

You will see later about colors briefly.

Changing Font Face

 

HTML allows you to change the face of the font in a very simple way. You can change the face of the font to whatever font of your wish.

It will just show the default font, if a user does not have that font installed.

 

For example,

<FONT FACE="Algerian">Programming Tute</FONT>

Output:

Programming Tute

If you think that the user doesn’t have the face you provided then you can provide a backup font separating them by commas (,).

 

For example,


<FONT FACE="Algerian, Times New Roman">Programming Tute</FONT>

 

Changing Font Size

Similarly you can change the font size of the text by using font style attribute.

 

For example,


<FONT STYLE="Font-Size:20px;">Programming Tute</FONT>

 

Text Presentation

 

Below are the some of font presentation used normally in HTML. By seeing the example itself you can easily understand what it is.

 

Bold

Used to bold some text.

Example:


<B>Programming Tute</B>

Output:

Programming Tute

 

Strong

Example: <STRONG>Programming Tute</STRONG>

Output:

Programming Tute

 

Italicize

Example: <I>Programming Tute</I>

Output:

Programming Tute

 

Emphasis

Example: <EM>Programming Tute</EM>

Output:


Programming Tute

 

Underline

Example: <U>Programming Tute</U>

Output:


Programming Tute

 

Strike

Example: <STRIKE>Programming Tute</STRIKE>

Output:


Programming Tute

 

Monospaced Text

Example:


<p>Programming Tute is an<tt>online tutorial </tt>website</p>

Output:


Programming Tute is an online tutorial website.

 

Subscript Text (<sub>)

Example:


<p>Programming<sub>Tute</sub></p>

Output:


Programming Tute

 

Larger Text (<big>)

Example:


<p>Programming <big>Tute</big></p>

Output:

Programming Tute

Smaller Text (<small>)

Example:


<p>Programming<small>Tute</small></p>

Output:

ProgrammingTute

 

Posted on July 12, 2014 in HTML

Share the Story

Leave a reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to Top