Google
HTML COURSE FOR EASY LEARNING
Homepage lesson-2 lesson-3 lesson-4 lesson-5 lesson-6 lesson-7 lesson-8 lesson-9 lesson-10
previous

next

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 Size:

THIS IS EXPRESSED AS :-
< 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

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 namesredgreenbrownyelloworangeskyblue darkgreenmagentaindigovioletsilverpink
color digits00000000ff00abc000ff00ffffff00fff000 ff0000abcdef0f0f0f0000ff00ffff0fffff

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.




previous

end of LESSON-4

next

Copyright ©easyfreehtml. All rights reserved.
Hosted by www.Geocities.ws

1