Quickie Web Page Tutorial

This short tutorial is the easiest way to get up and running without really understanding the codes.

You'll find a list of the most commonly used HTML tags here

And a list of color codes to put in the body tag below can be found here. You can customize the page colors by replacing the six digit or letter code that comes directly after the # in the body tag below for text="#.... (the color of the text) link="#......" (link color) vlink="#......" (visited link color) alink="#......" (active link color)

To use a picture graphic as a background, replace the "body background="background.gif" with the name of your preferred background picture in place of the "background.gif"

To begin....

Open your notepad or HTML editor to a blank page.
then type or cut and paste this code at the very top...

<HTML>
<HEAD>
<TITLE>Your HomePage Title Here! </TITLE>
<meta name=description content="Welcome to my home page!">
<meta name=keywords content="homepage,me,mine,hobbies,">
</HEAD>
<BODY BGCOLOR="#FFFFFF" BACKGROUND="background.gif" bgproperties="fixed" TEXT="#000080" LINK="#800080" VLINK="#800080" ALINK="#FF0000">



Ok...Now the fun part. Type in your text, whatever you want to say here, below that code you just put in. To make a paragraph, just put <P>< at the beginning of each paragraph and so on. For a list of the codes you can put in here to give different effects, go here.

Sprinkle a few of these <BR> wherever you want a space or to break up a long line of text, separate pictures and things like that. They can be strung together to create bigger blocks of space, like this.... <BR><BR><BR> and two strung together have the same effect as a paragraph code: a good tag to remember, very useful and easy. Use as many as you like.

Do you want to add a picture or two?

Use this code wherever you want your picture or graphic to show up...

<IMG SRC="yourpicturehere.gif">

Remember to make sure you type the file names EXACTLY as they appear. They are case sensitive.

Be sure to "close" everything with the following tag:

</BODY>
</HTML>

There! You've made your first web page! Now... save it as an HTML file.
In Notepad or other plain text program, go up to "File" and choose "Save as", then type in what you want to call the page. If this is your first page, the page that people will see when they first land on your site then name it index.html. Then just hit "ok" and you're through. Your page is ready for upload to your
server.

Back to Main Index


These pages produced by Ariel