Part 1

Instructions..and such
What's this? Instructions for a web page? well, ok, not really instructions. This is more of information on how this (and related pages) are set up. The page is devided up into sections. A sections consists of a heading (a bit bigger, and in pink..usually says Example), a description in what you are going to find, and what to look for, a link to the example (so you can see how thing look and what things do), the HTML source for the exmaple you can view, a description of new tags, or things that happened in the example, and then finishing with links to tags/things that you have learned. These are put there in case you forget what something is.

These pages where created by me using Netscape 3.0 Gold for Win95, Windows Notepad, 256 color/65,000 color (I tried to make it look ok under both), 1024x768 resolution, Color Schemer, and Paint Shop Pro. I will try to keep other browser and things (like screen size) in mind, but am unsure how things will look in them being that I don't have use to them. If you have a different system setup, and something looks bad, email me at spunge@spunge.org.

LINE BREAK

Editing/Creating Tools
The first thing you will need, is somethign to create your HTML page on. Since HTML is just ascii (plain text), anythign will work that handles plain text. There are also programs, that assist you in the creation of your web page. If you opt to take the first choice (the plain text method), you have to know (and learn) all of the different tags and features of HTML. Learning these are not that hard after you use them for a little bit. If you choose to use the second method, you will not have to know any (or very little) HTML code (except in the case that you want to correct the HTML file in a plain text program).

Here is a list of programs that can be used to edit using the plain text method:

Here is a list of programs that you can download that will assist you in your web page creation.

If you have a favorate, email me.

After you have something to create it on, be it a via the plain text method or via the program, you are ready to start creating the page.

You are ready to create you page. There are a couple things you should know, even if you are using a program to help you out. This info is in all the other guides hat people write. And of course I will also include them in mine.

Might want to remember....
First, there are a couple things that need to be remembered.

  1. Each element has two parts, the start, and end. The start looks like this: <TAG> and the end looks like this: </TAG>
  2. Capitalization does ot matter in HTML tags. <HTML>, <html><hTmL><HtMl> all do the same thing. It is wise tho to keep all your tags the same style for your own benifit. I happen to use all caps for mine, that way they stick out, since I do not use all caps for anything else.

Example #1: <HTML>...</HTML>
This is the most basic HTML file you can have (basically). It in its self is not too useful, but we will build off of it. Why don't you click here to see what it does. I will explain it in a bit. By The Way (know as BTW from here on): you will have to click the back page, or whatever to get back to this page. If you can not figure out how to get back to this page from the other one, just simply go to http://anduin.eldar.org/~ben/htmlprt1.html, and you will return to this page.

<HTML> </HTML> That is it. not a lot, huh? Just two simple HTML tags. The <HTML> and </HTML> tags do a very simple, but easy task. Your HTML file must start with the <HTML> tag, and end with the </HTML> tag. These two tags tell the browser what kind of file it is. It tells it it is a HTML file, and to handle as such.

Known Tags: <HTML>...</HTML>

Example #2: <HEAD>...</HEAD>
OK, you can go ahead and use the two above tags, but things are goign to get real boring real fast. So lets move onto the next tags we need. They are the <HEAD> and </HEAD> tags. If you click here you will see an HTML file using them. BTW: again you will have to click the back page, or whatever to get back to this page. If you can not figure out how to get back to this page from the other one, just simply go to http://anduin.eldar.org/~ben/htmlprt1.html, and you will return to this page.

<HTML> <HEAD> </HEAD> </HTML>

OK, this was not all that exciting either, I know. In fact you probably didn't see a difference between this example and the first. The purpose of the <HEAD> and </HEAD> tags is to define an area of the HTML file that can contain some extra controling info (more or less). You will learn a couple things that you can put between these two tags in a little bit.

Known Tags: <HTML>...</HTML> | <HEAD>...</HEAD>

Example #3: <TITLE>...</TITLE>
OK, why don't we move just a little bit further and actually workign on something you can see. We are going to give our page a name. We can't work on something if we don't know what to call it right? Why don't we call our page *thinking* ...ummm..maybe "The Webed Page"? OK, I am glad you agree. Why don't you click here and see what I am talking about. What To Look For: Watch someplace on your screen for The Webbed Paged to appear. In Netscape, this appears in the Netscape Title area. such as the below. BTW: again you will have to click the back page, or whatever to get back to this page. If you can not figure out how to get back to this page from the other one, just simply go to http://anduin.eldar.org/~ben/htmlprt1.html, and you will return to this page.

Netscape title <HTML> <HEAD> <TITLE> The Webbed Page </TITLE> </HEAD> </HTML>

Again, not a lot to it. The only thing that changed was the page title. I know not a lot, but al least somethign changed. The neat little things that changed the title was the <TITLE> and the </TITLE> tags. Anything between these two tags will be displyed as the title of the page. In case you didn't notice, the title of this page is HTML Help: Part 1.

Known Tags: <HTML>...</HTML> | <HEAD>...</HEAD> | <TITLE>...</TITLE>

Break Line

Back to the HTML Help
Go to Part 2

You are visitor number
EMAIL:spunge@spunge.org
URL:http://anduin.eldar.org/~ben/htmlprt1.html