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
