Site hosted by Angelfire.com: Build your free website today!
Our project----HTML Tutorial

HTML Tutorial Chapter---01


Our project----HTML Tutorial
   

Welcome to our Web Design Tutorial.
You will find HTML is not too difficult
to learn. Hope you enjoy it.

This chapter includes:

INTRODUCTION
BASIC HTML TAGS(1)
HOW CAN YOU VIEW YOUR DESIGN?

  1. INTRODUCTION

    WWW commonly referred to World Wide Web. HTML stands for "Hyper-Text markup language" which was invented by Tim Berners-Lee at CERN, the European Laboratory for Particle Physice in Geneva.This language made up of a set of symbols called "TAGS" that we place in ASCII text documents to define the appearance of our Web pages. In other words, HTML documents are plain-text files, so they can be created using any text editor.


  2. BASIC HTML TAGS (1)

      <HTML>     </HTML>:  Defines that the section contains HTML tags.

  <BODY>     </BODY>:  Marks the beginning and end of the Web Page's body.

  <TITLE>    </TITLE>: Defines the Title that is display in the Browser's windows title
    
                       bar.
    

  <ADDRESS></ADDRESS>: Used to define the document revision.
    

      <H1>        </H1>   : Defines heading style or size #1,which is largest of the six.
    
                        The end of a Heading definition also creates a paragraph break.
    
                        Also, since text Web Browsers such as lynx cannot vary the type
    
                        size, they vary the heading position instead; handing indent 
    
                        heading, centered heading etc.
    
 
  <H2>        </H2>   : Defines heading style, which is #2.
    

  <H3>        </H3>   : Defines heading style, which is #3.
    

  <H4>        </H4>  : Defines heading style, which is #4.
    

  <H5>        </H5>   : Defines heading style, which is #5.
    

  <H6>        </H6>   : Defines heading style, which is #6.
    

  <BR>                : Defines the end of a line. The new line begins on the the
    
                        next line, with no gap in-between.
    

  < P>                : Defines the end of a paragraph. The next line begins on the
    
                        next line, but a gap is created to define the look of a separate
    
                        paragraph.

  3. HOW CAN YOU VIEW YOUR DESIGN?

    Suppose you have: 
     <HTML>
    
   < TITLE> Welcome to our Tutorial</TITLE>
    
   < P>Welcome !!
    
 </HTML>
    Now save the file. If you need view it, you should use Web Brower such as Netscape or Windows Explorer. For Netscape, click on "file", "open Page", "Choose file" then click the next two "OK" buttons. You can find your file is loaded and displayed like: "Welcome !!".
    Could you try it?
You can try to create this page by yourself, write the html code into the box below, and click the Submit(the image) button! If you cannot create the exact page as the question, you can get the sample solution here to see the difference, and try them again!


Goto description! Goto chapter02!

This file is created on Mar 7,2003 by ©Zhi (Jason) Chen in order to teach HTML language.
If you need further information, please contact me:
[ Zhi (Jason) Chen ]