Making Web Pages 4
Linking To Areas In A Page

In the process of creating your pages to display information you have two choices:

1. You can create an index of link that call up individual pages.

2. You can create one very large page of information and create an index to link to items on that page.

Each of these methods has pros and cons, but in certian types of pages such as a listing of like information or people it might be better to have all of them on one big page and shuffle up and down within the page.

To link within a page you simply use the standard template for a page link, but instead of using an HTML file name you create a tag or label that always starts with the pound sign ( # ), which is the symbol for number (e.g. #1, #2, #3).

While you can use any label (even the above example of #1, #2, #3, is valid, as would be #a, #b, #c) it is sometimes less confusing if you make the label representative of the item so that you can easily figure out where to go on the page to make changes or corrections.

The below listing of page links clearly shows this. Accountants are labeled "#acct" and Advertising is labeled "#ad" -- we still want to keep them short because there is less of a chance you will misspell "advertising" than plain old "ad."

<a href="#acct"> Accountants-Business Managers</a> |
<a href="#ad"> Advertising</a> |
<a href="#ag"> Agents</a> |
<a href="#arr"> Arranger</a> |
<a href="#auth"> Authors</a> |

That above list would create a simple row of headings separated by a verticle line |. Remember, unless you put a <BR> , <P> , <HR> or the headline text definers such as <h1> , all printed text will stay on a row until it reaches the margins of the browser. So this list will go across the page like this:

Accoutantants-Business Managers | Advertising | Agents | Arranger | Authors |

Since these are links they will be underlined and colored by default (unless you defeat these characteristics intentionally). When the user clicks on these links the browser scrolls down to the place mark or book mark on the page, which looks like this:

<a name="acct">

Accounttants. Other text information to read goes here.

<a name="ad">

Advertising. Other text here.

<a name="ag">

Agents. More text to read.

<a name="arr">

Arrangers. More information.

<a name="auth">

Authors. Names and addresses or other details.

For the user to return to the top they can simply use the "back" button on their browser or you can put a specific "#t" link or "#top" link nearby so the user can click on that, such as like this:

<a name="ag"> <P>
<a href="#t> Back To The Top</a> <P>

Agents. More text to read.

At the very top of the page you would put the:

<a name ="t">


The Musician's PlaceTo Shop!
Instant Gift Certificates!

© 2001-2005 Issues Magazine.
All Rights Reserved.

Get 15 FREE prints!