Annabella's HTML Help .... EZ PRINT!

LINKS

For the full version of this page, go to http://www.annabella.net/links.html

JUMPS WITHIN THE SAME PAGE

There are two steps that MUST be followed to successfully make a jump.

Insert the target.
Decide where you want the link to jump to. Choose a name to call it. At the exact place where you want to jump to, insert the following tag (where targetname=name you have chosen):
<a name="targetname">Text</a>
For example,
<a name="image"> Using an Image as a Link</a>
Insert the link.
This is the bit you click to take you to the nominated target. Insert the following tag:
<a href="#targetname">Text</a>
For example,
<a href="#image"> Using an Image as a Link</a> will take you further down this page.

NOTE: You will notice that the codes for the link and the target are very similar - the only differences being a name/a href and "targetname"/"#targetname".

LINKS TO ANOTHER OF YOUR PAGES

Now, you will want to join your pages together, so that the visitor can simply click from one of your pages to another.

To create the link, insert the following tag:
<a href="filename.html">NAME of FILE</a>

For example,
<a href="recipes.html">Annabella's Kitchen</a> is the tag I used to link to my recipes page.

How does it know where to find my recipe page? Do I have to insert a target?... Simple! When a new page is created, it must have a name, which also must have a .htm or .html extension. My recipes page is called recipes.html - I do not need to insert a target on the page, the name of the page IS the target.

LINKS TO SOMEONE ELSE'S PAGE ON A DIFFERENT SERVER

The procedure to link to someone else's page is very similar to that used to link to one of your own pages. The only difference is that you have to insert the FULL URL of that page.

To create the link, insert the following code:
<a href="http://whatever the URL is">The name of the page</a>

For example,
<a href="http://www.wwvisions.com/craftbb/stitch.html">Cross Stitchers with a Vision</a> is the code to take you to one of my favourite bulletin boards.

Once again, you do not need to insert a target - and in fact you CANNOT insert a target!!! - because the target is someone else's page.

LINKS TO SOMEONE ELSE'S PAGE ON THE SAME SERVER

To link to another page on the same server as your page, you can follow the exact same procedure as listed above, OR, you can enter a shortened URL for that page.
For example, this page is hosted by Geocities. To link to another Geocities page, I only need to add the specific identifying part of the URL.

To link to my daughters page I could use:
<a href="http://www.geocities.com/RainForest/6296">Kate's Crystall Dolphin</a>
OR
<a href="/RainForest/6296">Kate's Crystall Dolphin</a>

Either version will work just fine, but the shorter one is much quicker to type!

TO LINK TO A SPECIFIC TARGET ON ANOTHER PAGE

This is very easy to do. It is just a slight variation on the previous tags.
To link to a specific targeted section of another page, simply add the target name (#targetname) after the page name.

<a href="music.html#hidden">Hidden Background Music</a>

This same procedure applies whether it is to another of your pages, another page on the same server or another page on a different server.

NOTE: If the link is to someone else's page, you must still use the full URL or shortened URL as discussed previously.

USING AN IMAGE AS A LINK

All of the previous examples used text as the 'clickable' link. You can also make an image 'clickable'. Use EXACTLY the same codes as in each example above, BUT, where you would normally write the words that would be clicked, you instead write the img src code.

For example,
<a href="http://www.iconbazaar.com"><img src="iconbazaar.gif"></a>
This will have a highlighted border around the image. To get rid of the border, simply add border=0 to the img src tag.
Note: The disadvantage with this is that it may not be obvious that the image is a link.

For example:
<a href="http://www.iconbazaar.com"><img src="iconbazaar.gif" border=0></a>