Basic HTML Tutorial

Basic HTML

This short tutorial will help you get your first page on a web site so the instructor will be able to take a look at it and comment on your work.

The first thing you need to do is to find a web host with an online file manager. Two of the best around are Tripod with 50 megs available to you at http://www.tripod.com and Geocities with 15 megs available to you at http://www.geocities.com

There you will sign up and choose a user name and password. Each time you go to the site you will have to use your log in and password so please don't lose it.

In order for a page to show it has to have tags. Below is a sample page. You can use notepad or wordpad to create this simple page.

<HTML>
<HEAD>
<TITLE>
Your title goes here If someone wants to bookmark your page, this title is what their browser looks for. Name it a descriptive title such as "My Week One"
</TITLE>
Note that to close the title you have to put the closing tag shown above.
</HEAD>
<BODY>
Your body text goes here. Everything you put on the page after you get your title has to go between the BODY tags. To insert your image in the body so you can show it off use the following line, substituting your own graphic name for mine.
<img src="mygraphic.jpg">
As you get further into HTML in other classes, you will learn to put the height and width parameters, but for now what we want to do is get your work up so the instructor can see it. This will put it on the left side of the page.
If you prefer to put it in the center do it like this
<CENTER><img src="mygraphic.jpg"></CENTER>
Now your graphic will be centered and your text will be on the left. You have put the opening tag, inserted your image, and then closed the tag.

<ADDRESS> You will be required to put your name and address on your page so the instructor can identify you to comment on your work. Change my name and address below and put your own in place of it.
Ann L. Roberts annrob@netdoor.com
</ADDRESS>
</BODY>
</HTML>

Note that everything you do has to be done between the tags and each tag has an opening and closing. Don't use spaces between your words in the name of your page and save it in lowercase.
For instance, this might be named annsfirstpage.html Save it in the same folder where you saved your homework.

Now we have to get it uploaded to the web host.

BE SURE YOU HAVE SAVED YOUR GRAPHIC AS A jpg OR gif FILE. All browsers support this type. Use lower case as some of the hosts will not accept caps as the extension.

Put your graphics in a folder and also put your HTML document in the same folder. Open your browser and take a look to be sure the page will load. Go to the web host you chose and go to the file manager. It is self-explanatory as to how to upload your files. Be sure you upload all the graphics you want to show off and the HTML document you wrote and it will come up as a web page.

Aren't you proud of yourself? You should be as you have built your first web page