ADVERTISEMENTS
I am very happy to see a good response from all of our readers and special thanks to BloggerBuster for writing about this program on her blog. Today’s lesson will teach you and help you understand the basic 5 tags. After completing this lesson you will able to create your own simple looking HTML document. Lets start :
Here are few FAQ’s that you should know before creating your HTML document.
Where to write HTML codes ?
We use HTML editors to write HTML codes, for beginners you should use Notepad to write HTML codes.
How to save HTML document ?
After writing the HTML code, if you want to save it then at the top go to File >> Save and here you can save your document with .html extension.
How to view HTML document ?
After saving your document, if you want to view it, right click on it and open it with any Internet Browser.
Stucture Tags and their use
Below is a screenshot that will give you an overview of Structure Tags. Have a look :
In the image above you can see 5 tags, they altogether known as Structure Tags.
- !DOCTYPE Tag
- HTML Tag
- Head Tag
- Title Tag
- Body Tag
!DOCTYPE Tag
This is the first tag in every HTML page which tells the Internet browser, which version of HTML is used to compile that document. For example :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
In the example above HTML vresion 4.0 is used. Without this tag, you template cannot go live on Internet but you can run your HTML files on your local computer without this tag.
HTML Tag
After writing the DOCTYPE tag we write <HTML>, this tag tells the Internet browser that the document is an HTML document. It is important to close the HTML tag at the end. We close the HTML tag like this : </HTML>
Head Tag
This is one of the important tag, it includes some crucial information about the document like page title, scripts and other CSS definitions. Yes, we write the CSS codes in the head tag, we’ll discuss about this in future lessons. So, the head tag comes after the HTML tag.
Title Tag
As the name indicates, this tag contains the title of the document that appears at the top of the Internet Browser title bar. Please note that the title tag is written in between the head tag, for example :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.0 Transitional//EN ">
<html>
<head>
<title> The Title Goes Here </title>
</head>
</html>
Body Tag
The body tag is called the stomach of a web page that includes all the tags, attributes and all the text that we want to display on a web page. The body tag comes after the closing head tag.
These were the Structure tags, they are called so because they together create a structure of a web page. That was all for today.
This was lesson 3, here are Lesson 1 and Lesson 2
If you like this post, you will love these :
- Welcome To HTML Tutorials : Introduction : Lesson 1
- HTML Editors, Internet Browsers and W3C : Lesson 2
- All HTML Tags And Attributes : Lesson 4 Part1
- All HTML Tags And Attributes : Lesson 4 Part2
- Understanding URLs and Linking : Lesson 5
- How To Add Different Meta Tags For Every Individual/Single Post In Blogger : Blogger Hack : Increase Traffic Part6
Gaganpreet Singh on August 5, 2009 | Filed Under Series
Welcome to
{ 3 comments… read them below or add one }
Hey Gagan nice series
But instead of giving HTML tutorial why dont you give xHTML! This is used more on the this version of web 
So I think xHTML tutorials will come more handy 
After I comeplele this, there are alot more tutorials to come and thanks for your valuable comments mate.
Short and sweet lesson….