Basic Tags In HTML

Create Your First Web Page in HTML

This tutorial will guide you that how you create a simple webpage in HTML. For a simple web page just you have a simple text editor such as NotePad etc.So open your text editor and lets begin. In this your first page i am going to use four primary HTML tags which are <html>, <head>, <title> and <body>.

 Now we explain the step by step method .

Open you Text editor and write

<html>

 <HTML> is the very opening for any HTML Web Page. All the other element are written between <HTML> and </HTML> tag. </HTML> tag is placed in the end. <HTML> tell to the browser that this is an HTML Page.

So far what you have coded looks like this:



<HTML>

</HTML>

After opening your document with <HTML> you will start a new line and code

<head> and </head>

The <head> tag is basically container tag which contain some informational tag for browser and Search engine. For example <Title> tag which is not only display on the title bar as title of page also tell to search engine that what is in this page. Head tag also contain some more information about the author, copyright, keywords etc.

In this simple page we Placed only Title Tag between Head Tag .Title tag defines the title of the document and also Title tags tell search engines what your page is about. Every thing in title tag is appear on the title bar.

Now your page coding is look like :


<html>
<head>
<Title>This is my first page </Title>
</head>

<body> and </body>

After Head tag we place another tag which is <body> tag. This tag contain actual contents which will be viewed on your Web page. After typing all contents write </body> tag .

So far your total coding in the text editor looks like this:


<html>
<head>
<title>My First Page</title>
</head>
<body>
</body>
</html>

Now Write some thing in between <body> and </body> Tag this mater is display of your HTML Web Page.

For Example:


<html>
<head>
<title>My First Page<title>
</head>
<body>
Hello HTML , This is My First page and contain HTML , HEAD , TITLE and BODY Tag.
</body>
</html>

Now Save this File and give a name. Normally your text editor save the file as text file with txt extension so when you are going to save this file first select All file in Save as Type. and then give the file name with extension. for example Mypage.html

After saving this open this file in your browser.