Hyperlinks :

Return to Index Page


There are generally two kinds of links. The regular link that jumps you to the top of another web page, wether it be local to the website or half way around the world. The other type is the "named anchor" hyperlink. It will jump you to a specific place on a given web page where a "named anchor" has been placed.

The regular hyperlink looks like this:

<a href="http://www.site.com/path/page.html">text that triggers jump</a>

I've shown here an example of a hyperlink with the whole adresses for when the detiny of the jump is at another website. If the jump is to another page in the same website, it might look like this:

<a href="pages/specific page.html">text that triggers jump</a>

The The hyperlink that takes you to a named anchor looks like this:

<a href="http://www.site.com/path/page.html#anchorname"text that triggers jump</a>

The statement that names the anchor point of destiny looks like this:

<a name="achorname">word_of_destiny</a>

Where it says anchorname, this is an "internal only" name used to name the anchor point, rather than the displayed text that will be clicked on to trigger the hyperlink jump.

If you want to jump to a graphic, mount it on a separate html page, and set up a hyperlink to that page.

If you want to be able to jump to a large picture on another page in the same website, from clicking on a small "thumbnail" picture on the page you are presently on, for example, the hyperlink statement might look like this:

<a href="destination html page"><img src="triggering image location(graphics/thumbnail_a.jpg)" border=pixels other image attributes></a>

Click on this thumbnail and see what happens:

The only text on the HTML page with the large picture that is unique to that page is this:

<img src="graphics/Bob.jpg" alt="Bob rafting the Rogue River">

<a href="links.html#thumbnail">Return to Links page</a>

The first statement puts the large picture on that page, and the second statement provides a hyperlink for returning to this area of this page (specifically the word thumbnail just above the thumbnail picture).

The statement that put the thumnail on this page and activated it as a link is this:

<:a href="graphic_jump_pg.html"><img src="graphics/thumb_1.jpg" border=2></a>

Return to Index Page