During my days as an amateur HTML programmer, I spent weeks in front of my computer trying to find a page that would tell me how to do all those things i didn't know. I never found such a page, but YOU just did! This page includes many scripts to simply copy and paste into your page (all script is in blue for your convenience) and brief explanations as to how they work. At the pulldown menu below simply select the topic you want to learn about and your on your way!

How to make Lines (horizontal rules)

Making a horizontal rule is probably the easiest thing to write in HTML. This is the command for a horizontal rule:

How to make text in different Colours

Changing the color of text is also very simple. Here is the command:

Here is where you write your text.

The size you can change if you want it bigger or smaller. Inbetween the ""s you put the code of whichever colour you wish to use. Follow this Link to see a list of some color codes.

How to make text in different sizes

There are two ways to make text in different sizes. The first way is explained above in How to make text different Colours. That way is a little more complicated. The way I'll show you here can make the text in 7 different sizes. Here is the script:

This size

This size

This size

This size

This size

This size

When you put text between the tags then you change the size. h1 is the biggest and h7 is the smallest.

How to make image backgrounds

This is a little more complicated but its still fairly simple. At the top of your HTML document there should be a section that looks like this:

Inbetween all the ""s there will be color codes.

To make your background into a pattern or a picture you first need to have a pattern or picture uploaded into your directory or know the URL of a good background.

Change the command -

To the command -

For example, the command at the top of your page might look like this:

This would make your background into what.gif (this is just an example it won't actually work). It would make the writing, the links, and the visited links all black.

How to make a Link to Another Page

Making links is VERY easy. Here is the command:

For example, to make a link on your page to here it would look like this:

command and the command. You have to include the tag at the end of every link or the rest of your page will be the link!

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

Making a link to a page in the same directory as your intitial page is VERY VERY easy. Here is the script to do it.

For Example, here is how I made a link from this page to the page that shows you colors:

How to make an Image on your Page

OK, this is also an extremely simple command. It's basically a link but a little different. Here is the script:

For example, the script for me to place this image is:

The width= and the height= commands are optional. You only need to use them if you want to make a pisture a different size than it already is.

How to make Images Into Links

Making images into Links is as easy as combining the two commands:

You have to make sure that the actual Link reference comes before the image. Also the link closing tag has to come last.

How to control the size of your Images

To do this all you have to do is add this into your image command:

width=whatever height=whatever

For example, here it is all together:

How to make text appear beside an image

Have you ever noticed that when you type beside an image the text only starts at the bottom of the pic and you end up with a big empty space? Well, this little addition to the image command will solve that problem:

align=right or align=left

For example, here it is all together:

You don't need to have the height and width in there. This command will do this:

Hey... this text is at the top and not the bottom. How convenient eh?

How to make "freestyle" text

Making "freestyle"(in other words, text "as is") text is as easy as making it bold or italic. Here is the script:

Here you put your writing.

This way you can do whatever you want, write song lyrics without them turning into a paragraph, write words in list form, etc.

How to make a link that opens a new browser Window

This is as easy as adding a command at the end of the link command. Here is the command:

target=body

For example, here it is all together:

This will open a new window when you make a link, especially useful when making links in chats. The script was not actually designed to open a new window but for making links appear in different frames if you have a frames page. That way if you have a side bar, you can make a link that will appear in the main page.

How to make a Table

Tables are a more complicated command then most of the ones here. Here is the script for a table:

Whatever Whoever

This would appear as:

Whatever Whoever

To make a table with more than one column going down you need to add another tag:

Whatever Whoever

Whenever Wherever

Here is what this table would look like:

Whatever Whoever

Whenever Wherever

How to make Forms

OK, forms are very complicated, they are easily equal if not harder than tables. Here is the first command:

This is what it would all look like:

How to make Frames

Making frames is pretty complicated but not quite as hard as making forms. When you make a page with frames you actually dont have any writing or anything on that page. It's just kind of a reference page. Here is an example:

The first half up to the first tag defines what goes on the left side and everything after that defines whats on the right side. The tags tell whats in each frame. In this example there are 4 frames so there are four tags. In the tags you would fill in whatever the URL is of what you want in that frame. The page these frames would create is actually four different documents of HTML. Click here to see what this page will look like.

How to get a free anonymous email address

Say you need to start a new web page in Geocities but you don't have another email address to use. Because geocities only allows one email address per geocitizen, you would be out of luck. Except for the fact that there are a bunch of very nice people at Hotmail where you can get your own free web based email address. Just click on the link and go get one. Its that easy.

How to get a counter in geocities

OK, a counter is usually the first thing you want to get on your page so here is how you get one in geocities (unfortunately this page is in geocities so I never bothered to find out how to get a counter elsewhere). First you have to go to http://www.geocities.com/cgi-bin/counter/membername.password (you fill in your membername and password where it says). Then you'll see a counter that says 1. Then you simply add the following script to your page wherever you want your counter to be:

Of course you put your membername where it says "membername".

How to get a guestbook

A guestbook is very useful and nifty and it makes your page pretty spiffy. Here is a link for you to follow to get yourself your very own guestbook:

GO TO LPAGE FOR YOUR FREE GUESTBOOK!!

How to make Yahoo! Search

Making a Yahoo! search on your page has no real value or anything except that it makes your page spiffier. Here is the script:

Yahoo!

Just copy and paste the above script for your very own Yahoo! search.

How to make a Lycos search on your page

Like having a Yahoo! search, a Lycos search has no value except that it's a cool thing to have on your page. Here is the script, just copy and paste it:

Just copy and paste for your very own Lycos search.

How to make Blinking Text

Making Blinking text is just like making bold text:

Your text here.

What little text Commands Mean

There are a whole lot of little commands I've shown you but not explained. Here they are:

- This is like hitting ENTER twice. (Two Spaces.)

- Breaks a line. (One Space)

& - These make text bold.

& - These make text italic.

& - These make text underlined.

& - One of my favorites - makes all the text a nice small yet readabe size. Like at the top of this page.

How to make search engines say what you want

Have you ever noticed that when you register in some search engines (such as lycos) you don't have an option to insert a page description? That's because when lycos spiders your page they use the first words in it. Well there is a way to change that. You have to insert the tag:

This way when lycos spiders your page the description it gives will be whatever you wrote after the content="".

How to make an "entry" page

OK, have you ever gone to a page that says something like "welcome to my page" and then suddenly enters the real page? Well that's an entry page. These are fairly easy to make.

When your page loads in a directory it automatically loads the index.html. That will be your entry page. To make it you simply design the page like you normally would (include something like "welcome".. make it load VERY quickly) and then add the tag:

Make sure this tag is added between you & tags. Also inbetween the tags should be where your </font> tags are. <p> This will make it load your index.html and then quickly transfer to the URL you added after the <font face="" color="#0000ff">URL=</font>. If your main page is already your index.html then just copy the script for it and paste it to a new html document. Then delete the script off your index.html and create your "entry" page in it's place. <p> <center> <a href="#toc"><img src=returntotop.JPG border=0></a> </center> <p>  <a name="sec21.5"><h3>How to make a TOC (table of contents)</h3></a><br> As you may have noticed, this whole page is one LONG page. This was done for printing reasons and such. Anyway if you would like to know how to do that then here is what you do. First of all I'll explain how it works. All it is is a bunch of links that jump down the page. To do this you have to have sections and of course a table of contents. Here is the script: <p> <font face="" color="#0000ff"> <a name="toc">the name of your table of contents goes here</a> </font> <p> Thats the first thing, you have to specify where the TOC is. To make a link back to the TOC you write: <p> <font face="" color="#0000ff"> <a href="#toc">to the top(or whatever else you want to write here)</a> </font> <p> Thats a link back to whichever point you named "toc". Now the rest of the sections follow the same pattern:<br> <p> <font face="" color="#0000ff"> <a href="#sec1">go to section one</a> </font> <p> That is a link to a place called "sec1", now you have to make "sec1": <p> <font face="" color="#0000ff"> <a name="sec1>This is section one</a> </font> <p> To sum it all up, you make sections by using the <font face="" color="#0000ff"><a name=""> & </a></font> tags. Then you have to make links to them by making <font face="" color="#0000ff"><a href="#"> & </a></font> tags. Simple? <p> <center> <a href="#toc"><img src=returntotop.JPG border=0></a> </center> <p>  <a name="sec21.8"><h3>How to make background music play</h3></a><br> Have you ever gone to a page and suddenly a song just started playing? Here is the script for how to do that: <p> <font face="" color="#0000ff"> <CENTER><DD><EMBED SRC="blah.mid" WIDTH=0HEIGHT=0 AUTOSTART=TRUE><br> <HR width="100%"></DD></CENTER><br> </font> <p> Make sure you switch "blah.mid" with the name & URL of your sound that you want to play. Also, this won't work unless the sound you are trying to play has been uploaded to your account or you know the exact URL of the sound you want to play. <p> <center> <a href="#toc"><img src=returntotop.JPG border=0></a> </center> <p> <center> <img src="copyright.JPG"> </center> </object></layer></div></span></style></noscript></table></script></applet><script language="JavaScript" src="http://us.i1.yimg.com/us.yimg.com/i/mc/mc.js"></script><script language="JavaScript" src="http://us.js2.yimg.com/us.js.yimg.com/lib/smb/js/hosting/cp/js_source/geov2_001.js"></script><script language="javascript">geovisit();</script><noscript><img src="http://visit.geocities.yahoo.com/visit.gif?us1210837827" alt="setstats" border="0" width="1" height="1"></noscript> <IMG SRC="http://geo.yahoo.com/serv?s=76001067&t=1210837827&f=us-w91" ALT=1 WIDTH=1 HEIGHT=1>