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-3 Basic html tags


What is html? HOW it is written? where it is written and how it is saved? You got answers to all these questions. Now in this chapter you study and practice each and every html tag because the html is nothing but learning and byhearting the html tags. So you study each and every html tag carefully. BASIC html TAGS.
<html></html> <HEAD></HEAD> <TITLE></TITLE> <BODY></BODY> <P></P> <H1></H1> <B></B> <U></U> <I></I> <FONT></FONT> <TABLE></TABLE> <TR></TR> <TD></TD> <TH></TH> <BR> <HR> <LI></LI> <UL></UL> <FORM></FORM> <A HREF="DOCUMENT LOCATION">MATTER TO BE DISPLAYED </A >


The <br> tag
A para graph with/without <br> tagThe result of the code
<p>ramesh and
raghu are
best friends.</p>

ramesh and raghy are best friends

<p>ramesh and <br>
raghu are<br>
best friends</p>		ramesh and
raghu are
best friends
In the above table you can understand that without line break tag the text is displayed continuously without breaks and with <br> tag the text is displayed in lines where ever the <br> tag is present(note: there is no closing tag for this tag)

The <hr> tag
To draw a horizontal line the <hr> tag is used. the attributes like size and width and noshade are making the horizontal line look differently. follow the exampple:-"width"defines length,size="value" defines thickness,noshade defines clear line.
Tag for horizontal lineThe result line of left tag
<hr width=50>
<hr width=50%>
<hr size="7"color="green">
<hr noshade>
<hr color="red" width=50% size=10 noshade>



the <pre> tag
The pre formatted text(ie line breaks and spaces are previously formatted and now the text to be displayed as it is) will be coded with <pre> tags. The data put inside <pre> </pre> tags will be displayed as it is.
Example:- The following is text data you must place it in a webpage as it is then you use the <pre></pre> tags.
 Rama and  R a v a n a 
 are        the Hero and Villain of 
   the great epic Ramayana.
you first write the above data as a paragraph and note the result which is as follows and next you use the <pre> tag and note the result which is as it is to the original text format.
html code with/without <pre> tagthe result of the code
<p>
 Rama and  R  a  v  a  n a 
  are   the Hero and Villain of 
 the great epic Ramayana. </p>

Rama and R a v a n a are the Hero and Villain of the great epic Ramayana.

<pre> Rama and  R  a  v  a  n a 
are   the Hero and Villain of 
the great epic Ramayana. </pre>
 
Rama and  R  a  v  a  n a
are  the Hero and Villain of 
 the great epic Ramayana.



Heading Tags


Headings are important because without using the font size and bold tags we use these headings to directly display the text bold and big from h1 to h6 total six  in the order of decreasing size of Heading.
The code for headingHow it renders
<h1>HEADING</H1>

HEADING

<h2>HEADING</h2>

HEADING

<h3>HEADING</h3>

HEADING

<h4>HEADING</h4>

HEADING

<h5>HEADING</h5>
HEADING
<h6>HEADING</h6>
HEADING


previous

end of LESSON-3

next

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

1