My First Web Page

Building Your 1st HTML Web Page

You are going to love this.

You are going to learn how to create your first website, build your first web page.

I am using Windows and I can only show you how I did it with Windows.

I believe you are able to figure out if you're running on a different platform.

Now let's start to build our HTML page

First create a new folder on your hard drive

I create mine on drive D.

Name your folder MyWebSite.

( You could name it anything you like. Throughout this web, whenever I refer to MyWebSite, it means the folder you've named today.)

D:\MyWebSite

All web pages, regardless Tier-1, Tier 2 or Tier 3 will be saved on this folder.

We are going to key in this code onto our first page.

<html> 
<head> 
<title>This is my first website</title>
</head>
<body>
<p>This is my first page<p>
</body>
</html>

Now open your Notepad and key in:

<html> 
</html>

Remembers this: whatever you opened, you have to close with a slash.

Next, fill in the head tag between html tag. (Remember the open and close)

<html> 
<head> 
</head>
</html>

And the body tag.

<html> 
<head> 
</head>
<body>
</body>
</html>

In between the head, fill in the title tag and the title line.

<html> 
<head> 
  <title>This is my first website</title>
</head>
<body>
</body>
</html>

Finally, in between the body tag, fill in the first content line

<html> 
<head> 
  <title>This is my first website</title>
</head>
<body>
  <p>This is my first page.<p>
</body>
</html>

Save this file as myfirstpage.html in MyWebSite folder.

D:\MyWebSite\myfirstpage.html

Open the html file. If you've done every thing correctly, you should see this line on your screen.

This is my first page.

If you are not getting this, repeat from the beginning.

If you could see what you typed between the <p>...

Congratulations! You've just built your first page of MyWebSite

One more thing, look at the top bar of your browser window.

It should read This is my first website.

There's where the title tag goes to.

Now let's move on to step 2 of build your own website.

Share |

A Demo of Positioning the Fat Footer - before the shadow

Wish you every success in Making Your Own Website...