10 Steps to Create a Web Page

The following is a step by step set of instructions on how to create a homepage and the basic html codes you will need to know.

Step 1. Make sure you have the <html> code at the top of your edit screen. This is the first tag you type.

Step 2. Now you need to have the head and title tags. They look like this:

Step 3. The body tag comes next. In the body tag, you will determine the colors of you background, text and links. To find a list of color codes you can go here: http://www.oocities.org/Heartland/4249/color.html Just click the color you like and the code will be in the box above. Then you type it into the body tag for which ever choice you want that color. Like this:
<body bgcolor="color code here" text="color code here" link="color code here" vlink="color code here">
The bgcolor is your background, text is the color of all text that isn't clickable, link is the clickable links on your page and vlink is the link you have visited. If you want to put a background image on your page, you change the bgcolor to background="file-name.gif". Make sure you have uploaded your gif or jpg file into your directory.

Step 4. Headlines. You will want to put a headline on your page now.

If you want a large headline, use <h1>My Headline</h1>
If you want a medium headline use <h2>My Headline</h2>
and if you want a small headline use <h3>My Headline</h3>

Step 5. Images. The image tag is this:

<img src="file-name.gif">

You may want to center your image on the page. To center anything, you use the center tags <center> object or text </center> before and after the item you want centered. This works with text also.

Step 6. Links. To link another page you need to use the link tags. It will look like this:

<a href="http://www.oocities.org"> Clickable Text Here</a>

It is important to put the </a> tag after the text you want to be able to click on to get to the url. This makes a link.
If you would like to make a clickable image, replace the text with the image code for the image file you want to be able to click on.

To make an e-mail link you would change the link above to the "mailto:" link. <a href="mailto:you@mail.com"> Your e-mail addy here or image tag </a>
If you would like to have a subject implemented into your link, the code will change from the above mail to code to this one: <a href="mailto:E-mail_here?subject=anything"> text </a>
This will automatically place a subject of your choice into the subject line as soon as they click on the link.

Step 7. Choosing text styles. There are several different things you can do with text. You don't have to put any tags before and after text but you may want to make the text bold, italisized or a different size or color. Here is a list of tags that will do these things.

To make bold- <b>Text goes here</b>
To make italic- <i>Text goes here</i>
To determine size- <font size="4"> Text Here</font>
Experiment with the numbers to get the size you need.
To make a section of text a different color than your choice in the above body tag- <font color="color code here"> Text </font>

Step 8. We have gone over how to center an object or group of text. But if you want to align something to the right or left of the page, you can use these tags:

<p align="left"> Object or text here </p>
<p align="right"> Object or text here</p>

Step 9. Making lines. To move to the next line on your page, the tag for line break is <br> Just place this tag where you want the move to take place. <p> makes a double line.

Step 10. The end of your page should have the closing html and body tags. </body> </html> This just signifies that you are done. You can still add anthing you want in between the top and bottom.

Have fun!
Bev Curl a.k.a. Lambslight

Other Help topics
Joining GeoCities and Getting Started
Uploading Files