HTML COURSE FOR EASY LEARNING

lesson-2

lesson-3

lesson-4

This course is developed for the online community who are willing to learn online in the leisure periods, the web designing course,and this is the first step in learning the web designing. Every one can easily learn this by sitting before their personal computers and practice themselves.ok wish you good luck.

LESSON-4FORMATTING WEBPAGE

FORMATTING THE FONT (color,size, face) OF THE TEXT

Font FACE:
THIS IS EXPRESSED AS
Example of new Fonts..

<font size=+2 face="Arial">Arial</font>	Arial
<font size=+2 face="Verdana">Verdana</font>	Verdana
<font size=+2 face="Impact">Impact</font>	Impact
<font size=+2 face="Comic Sans MS">Comic Sans MS</font>	Comic Sans MS
<font size=+2 face="Helvetica">Helvetica</font>	Helvetica

Font COLOR:
The Color is usually set by using the hexadecimal system (#000000 black to #FFFFFF white) but can also be set in newer browsers by using the simple word of the color. (Red for Red, Blue for Blue, etc.)
Example of Text Color...

<font color="Blue">The sky is blue</font>	The sky is blue
<font size=+3 face="Impact" color="RED">Hi Rama how are you!</font>	Hi Rama how are you!
<font color="green">The earth is green </font>	The earth is green

The colors are expressed in html in two ways one is with names like red, blue,green, brown etc.and in hexadecimal system with six digits (from #000000 black to #FFFFFF white). A few example colors are inserted in the following table for your understanding.

color names

red

green

brown

yellow

orange

skyblue

darkgreen

magenta

indigo

violet

silver

pink

color digits

000000

00ff00

abc000

ff00ff

ffff00

fff000

ff0000

abcdef

0f0f0f

0000ff

00ffff

0fffff

You can make any number of combinations of colors as seen above.

Important Text formatting Tags

The html tag	How it renders
<p>this tag is for a paragraph</p>	This tag is for a paragraph
this is <br> (line break)	this is (line break)
<hr> (horizontal rule)	(horizontal rule)
<pre>t h i s text is preformatted </pre>	t h i s text is preformatted
<em>This text is emphasized</em>	This text is emphasized
<strong>This text is strong</strong>	This text is strong
<code>This is some computer code</code>	`this is comupter code`
<b>This text is bold</b>	This text is bold
<i>This text is italic</i>	This text is italic
<!--this is comment tag the matter here will be ignored-->
<center>This text is centered</center>	This text is italic
<div align="right">This text is right aligned</div>	This text is right aligned
This is a hyperlink to page1 <a href="page1.html">page1</a>	This is a hyperlink to page1 page1
This is a link to yahoo.com <a href="http://www.yahoo.com">yahoo</a>	This is a link tcounted by html this is only for your convenience to rememeber some topics while writing codes --> to test this you add a comment with the combination of above tags and you may not get anything in your webpage.

the special symbols in html are written as follows:-

For the < type & lt;
For the > type & gt;
For the © type & copy;
For the & type & amp;
For the " type & quot;
Use quotes around values in attributes... For example, if you want a horizontal rule that is half of the screen width, type <hr width=" 50%&g" t; rather than <hr width=50%>, or if you want one that is size 5 type <hr size=" 5" > rather than <hr size=5>
Comment<!�the text you added here will not be accounted by html this is only for your convenience to rememeber some topics while writing codes --> to test this you add a comment with the combination of above tags and you may not get anything in your webpage.

Important attributes to format Body of the webpage

.
(bgcolor,bgsound,background="image",link color,visited link color,text color) BACKGROUND="location of image" The background will be filled with the images defined in the background attribte.
BGCOLOR="colorname" - Hexadecimal Color Code for Background Color(from 000000 to ffffff)
LINK="color" - Hexadecimal Color Code for Links (if left blank, most browsers default to blue.) .
VLINK="color" - Hexadecimal Color Code for Links the User has Already Visited (if left blank, most browsers default to purple.) .
TEXT="color" - Hexadecimal Color Code for Text Color .
CENTER= for centering the content of the body.

end of LESSON-4

Hosted by www.Geocities.ws

< font size=+5> Rama and Hanuman </font>	Rama and Hanuman
< font size=+4> Rama and Hanuman </font>	Rama and Hanuman
< font size=+3> Rama and Hanuman </font>	Rama and Hanuman
< font size=+2> Rama and Hanuman </font>	Rama and Hanuman
< font size=+1> Rama and Hanuman </font>	Rama and Hanuman