HTML Tutorial

              Lesson 1
         
 

Home

Introduction to HTML

<html> to </html>

<body> to </body>

Formatting

Links

Backgrounds

Tables

Frames

Other tags

A little Style

Resources

   

• Tags covered in this lesson:

• Explanation:

• Working examples:



Tags covered in this lesson:

            <html> to </html>



Top


Explanation:

As opposed to XML, HTML does not describe text, it presents text in a readable format. In this lesson the tag being covered is <html> to </html>.

HTML is that it is composed of "Tags". You want to embolden a heading you have a tag -- <b></b>, you want to underline a word you have a tag -- . This way the whole HTML world is made up of tags.

Let's begin by building a page of our own:

1. Open a text editor like MS Notepad, etc (You can use WYSIWYG editors but they will not help you really learn HTML).

2. Now type the following:

<html>

<head>

<title>This is my First html Page</title>

</head>

<body>

</body>

</html>


Each HTML page has two main sections: a. Head b. Body.
  • You always begin a HTML page with the tag -- <html>. This tells the browser that a HTML page is about to begin.
  • Next we typed <head>. This means that the "Head" section is about to begin. In the "Head" section we include all our META tags, the Title of our page, JavaScript functions, etc.
  • The <title> tag tells the browser that the title of our page is such and such. In our case we have titled our page as -- "This is my First html Page". This title can be viewed on the coloured bar right at the top of your browser window (the title bar). Search engines generally list sites by their title.
  • After this we have the </title> tag. This is an end tag, i.e. we are declaring that our title ends here.
  • Now we have </head> tag. Yes, we are declaring that our Head section ends.
  • We begin our Body section with a <body> tag and end it with a </body> tag. This is so because at this stage we have not added anything here. But we will in the next lesson.
  • Then, we end our page with a </html> tag.
I saved my file with the name "firstpage.html" you can save it as whatever you like but add ".htm" or ".html" as the suffix.

Congratulations, you just wrote your First Page.

Now, lets test it. How does it look? Of course, it will have nothing written on it. But in our next lesson we are going to write something and learn something more in the process! Woo!!


Top


Working Example:

• FirstPage.html


Top






  Home | Introduction to HTML | <html> to </html> | <body> to </body> | Formatting | Links | Backgrounds
Tables | Frames | Other tags | A little Style | Resources