Creating First Web Page for your site in HTML

**Khushal** · 27-07-2009

This HTML Tutorial is about how to create your first Web page by coding HTML using a text editor (such as NotePad) and then viewing the document using your Web browser.

To create HTML code for your Website you can use a HTML template, HTML editor, manually create your code or a combination of these methods.

There are three ways you can create a Webpage:

Use a pre-made HTML template;
Use an HTML editor;
Use a text editor such as Notepad and write your own HTML code.

You may also create the page(s) offline and then upload them to your Internet Service Provider (ISP) via FTP. The second way is to create your web page(s) online using a Telnet program by accessing your UNIX account, if you have one.

To begin a Web page you will open a simple text editor like Windows NotePad for the Windows operating system.Open your notepad file and start writing the following text on it,

<HTML>

<HTML> is the opening for any HTML Web Page. HTML stands for HyperText Markup Language.

When you consider that the text you coded is enough on the document and want to end, the last thing that should be coded is the closing </HTML>. Notice the forward slash this time in front of the HTML letters. The forward slash precedes letters to close HTML "tags". So far what you have coded looks like this:

But till now you are not able to see anything on your browser window as it is just open and close of an HTML document.

Every HTML document consist of HEAD section, and a part of the document above the BODY. The <HEAD> section contains a lot of information and a title but not the information nor the title which will appear on your actual Web page. If you wanted to type "Hello", this is what you would type for each heading, and what the outcome is:

<h1>Hello</h1>

HTML has six levels of headings, numbered 1 through 6. Through this 1 to 6 level consist of font size. The new line should be <TITLE>My First Web Page</TITLE>.(This is not the title that will be seen on your page but rather is the title which will be used by search "spiders", "robots", search engines. your first Web document looks like this:

<HTML>
<HEAD>
<TITLE>My First Page</TITLE>
</HEAD>
</HTML>

**Khushal** · 27-07-2009

Whenever you have more than a sentence of writing, you should have paragraphs. To Make a paragraph of "This is a web page. How do you like what I've done?

<P>This is a web page. And this is the paragraph format and it is allow to post any long message in this format</P>

In the Web Page you are also allow to put the body for your page, here is the format for your web page.
<BODY>
All text, image files, sound files for your page are placed between the start <BODY> and end </BODY> tags.
</BODY>

It should look like as follows:

<HTML>
<HEAD>
<TITLE>My First Page</TITLE>
</HEAD>
<P>This is a web page. And this is the paragraph format and it is allow to post any long message in this format</P>
<BODY>
All text, image files, sound files for your page are placed between the start <BODY> and end </BODY> tags.
</BODY>
</HTML>

**Khushal** · 27-07-2009

To control the background color of your Webpage, your text and your links color you must add this code to your BODY TAG. For example, the BODY Tag for this page is:

Images
To display a graphic on some one else's page, you need to find the URL. copy the URL that appears at the top of the screen, in the "location" box.

Hyperlinks:
Internal Link. To create a link to another page on your Website use a tag like this:

<A HREF="internal.htm">Internal Link</A>

It should look like this on your page:
Internal Link. This is called a relative link.

Sometimes on your web page, you might want to have a graphic that is a link. This is quite simple, since you just mix the two commands of linking, and displaying graphics.

Here is what you would type in for, first the plain graphic-link, and second, the graphic-link with text:

**Khushal** · 27-07-2009

save the file by selecting Save As and naming the file firstpage.html. Before selecting a location to save this file to, be sure to change the text selection under the file name to the setting that says "web page.html". save it at any location on your computer, Open the internet explorer window, click on the file select open file option, select the browse and find the location where you have saved the file, and opened it will show all the content written on your web page without the HTML tags.

**rapt0rjezuz** · 07-08-2009

Very nice tutorial man.

Just wondering, do you know how I can set my homepage on my website, so when i type "www.mylinkhere.com" for example it just goes straight to a .html file instead of showing the parent directory of my site? and so i dont have to specify "www.mylinkhere.com/HTMLFILE.html"

Any help would be appreciated!

**Paul** · 08-08-2009

The best way would to upload the site on the server. And then whichever browser you are using then set the page as your default homepage. Like in Internet Explore. Tools > Option > on the first box use current. The same way in Mozilla Firefox. By this whenever you launch your browser the default site is opened. And once the webpage is uploaded on the internet it will not go to the parent directly. You have to just type www.myhomepage.com. You will receive .com instead of .html.

**FaMe FacToR** · 08-08-2009

When you are uploading your website to the host server, you get an option to select an index page, this page can be any html file that you have created, this file will be the default homepage... So when you type www.yoursite.com it will directly take you to www.yoursite.com/indexpage.htm Hope this helps...