A Beginner's Primer by Professor Al Fichera
Web Page Essentials, Part I.I
IT'S ABOUT HYPERTEXT, Continued
Adding Hyperlinks to Your Web Page
Working with Hypertext, Continued

Page 1   Page 2   Page 3  

A “Named” link uses an “Anchor” tag too, but not the HREF, that comes later. Let’s say we would like for your visitor to come back to the “Top” of the page from various points down the page. At the very top of your page, right after you write the tag, place the following tag:

< A NAME="top" >< /A > or < A NAME="top" />

This is not a hypertext link, but it doesn’t hurt to close the tag anyway. This tag is only a nametag and you can have as many as you like, you can name paragraphs, or pictures on the page as well. Later, at the bottom of the page, or anywhere you wish, you can use a hypertext link to go back to the top of the page. At the bottom of your page, write the following tag to make the link:

< A HREF="#top" > Go Back to the Top < /A >

Did you notice the “#” symbol? This is very important, do not exclude it from the code; it’s what makes it work! This is a very cool bit of code; no one really likes to have to scroll back to the top from a very long page. So it’s quite a time saver for your visitor. Another use for this code is for “Tables of Contents” hyperlinks. Observe the following:

< A NAME="toc" >< /A > or < A NAME="toc" /> Place at the top of the Table of Contents.

< A HREF="#toc" >Back to Table of contents< /A > Place at any point you wish for your visitor to return the Table of Contents for more links.

Here’s another idea, name your photographs on the Web page. For example, let’s say you have a picture of the Statue of Liberty on one of your Web pages, and let’s also agree that perhaps on another page of yours you would like for your visitor to go directly to the picture of the Statue of Liberty instead of the top of the page. Well the code could look something like this on the Web page with the picture:

< A NAME="statue-liberty" /> < IMG SRC="statue-liberty.jpg" />

On the linking page, you might have something like the following to reference the above:

< A HREF="page2.html#statue-liberty" > Visit the Statue of Liberty Here < /A >. The really cool part of this code is that when your visitor clicks the link to the Statue of Liberty, he/she sees what they’ve been led to believe. If you didn’t do this, the link would take them to page2.html at the top of the page, and perhaps nowhere nears the article and photo of the Statue of Liberty. Of course, if there was only an article and no picture, the concept works the same; just place a “Name” tag in front of the paragraph dealing with the subject of the Statue of Liberty instead.

This covers the subject of hypertext links, now all you have to do is practice some of these concepts and you to will be creating links to all sorts of places!

Page 1   Page 2   Page 3   TOP


Copyright © 2001 Professor Al   al@profal.com

Back to LAB     Back to TOC