Links are the "hotspots" that, when clicked, take you to another place ... further down the page you are on, to a different page, or to a specific part of a different page.

Jumps in the Same Page Links to Your Pages Links to Someone Else's Page Links to a Specific Target An Image as a Link

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.
  Using an Image as a Link

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.

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.fcbd.com">Fat Chance Belly Dance</a> is the code to take you to one of my favourite American Tribal Style Bellydance websites.

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.

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 as discussed previously.

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.annabella.net"><img src="annahelp.gif"></a>



Now, you will note that a highlighted border is 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.annabella.net"><img src="annahelp.gif" border=0></a>