Beginner HTML Help

I have tried to make this as simple as possible. If it seems too hard try 1 or 2 items and come back later.

What is a Tag?

First thing you should know is what a tag is. I will refer to tags some in this tutorial
A tag is anything in an html document that is enclosed in brackets. Like these: <>

How to make Lines (horizontal rules)

Making a horizontal rule is probably the easiest thing to do in HTML. This is the command for a horizontal rule:
<hr>
Below is an example of the horizontal rule above

You can also control the thickness, length and alignment of the line, by combining the following attributes:
Width is expressed as a % of the width of the page.
For example, <hr width=50%>

Size is (thickness) expressed as a number (of pixels).
For example, <hr width=50% size=10>

Align can be left or right. If not specified, it will default to the center.
For example, <hr width=50% size=10 align=right>

To Center Text or Images

<center>
This will cause whatever follows to be centered in the next line in the page. You must always close with the </center> tag.
For example:
<center> My text is centered </center> will appear as:

My text is centered

Line Breaks

<br>
This starts a new line. NO closing tag is needed. This has to be my most favorite tag. I use the break tag all the time.

How to make a link to another page in the same directory

Making a link to a page in the same directory as your initial page is very easy. Here is the html script to do it.
<a href="nameofpage.html ">Name of Page </a>
For Example, here is how I made a link from this page to my main page
<a href="index.html">Index page </a>

How to make a link to another persons page.

Making links to other people's page's is VERY easy. Here is the command: <a href=" the URL of the link ">
For example, to make a link on your page to Geocities it would look like this:
<a href="http://www.geocities.com">Main Geocities Page</a>
You have to include the </a> tag at the end of every link or the rest of your page will become a link!
Here is an example of the finished link as it should look on your page.
Main Geocities Page

Below is how you make the Text, links, vlink and active links different colors in your page.
As you can see it goes in which the background tag
<body background="nameof.gif" text="#000000" link="#000000" vlink="#000000">
In the above example where #000000 you put the color in you want to use.
For examples of the colors and corresponding color# see the color chart here

How to make text in different sizes: Heading Tags

Below is the Six different heading tags. Note title for this page made in Heading tag 1:
<h1>

This size

</h1> <h2>

This size

</h2> <h3>

This size

</h3> <h4>

This size

</h4> <h5>

This size

</h5> <h6>

This size

</h6>
As you can see Heading size 1 is the largest, and 6 being the smallest.

Back to Main Page