Link Anchors

Single Page Link Anchors

Go to the middle ]
Go to the bottom ]

W e have embedded* this tag <A NAME="TOP"></A> just above to designate the top of the page.

*   What we mean by "embedded" is that we have placed that HTML code on the page and you will not see it visually but when the link is activated (clicked) it is read by the computer to locate that part of the page.

I f you would like to view the source code to see what we did to "embed" the code, look for the below marking for the designations. The only difference is that depending on what part of the page the tag is embedded will reflect that part of the page. In other words, either "TOP" "MIDDLE" or "BOTTOM".

<!----- Start Embedded Code For The Top Of The Page ----->

<A NAME="TOP"></A>

<!----- End Embedded Code For The Top Of The Page ----->

Go to the middle ]
Go to the bottom ]

I f you have a long page with lots of info, you may want to provide relative links to sections of your page from a menu of links. To do this you use the # symbol in your A HREF code. For example, let's say you have three links on your page that you wish to target from the top of your page. All you need to do is to create the anchors with the Name Tag. Then you source your hyperlinks at the top of the page, referencing the # symbol. It's easier than it sounds.

<A HREF="#TOP">Go to the Top</A><BR>
<A HREF="#MIDDLE">Go to the middle</A><BR>
<A HREF="#BOTTOM">Go to the bottom</A><BR>

T hese hyperlinks will jump to the anchors you create throughout your page. You can call them anything you like, as long as they relate to the hyperlinks:

<A NAME="TOP"></A>
This appears at the top of the page.

<A NAME="MIDDLE"></A>

This references info at the middle of the page.

<A NAME="BOTTOM"></A>

This anchors to the bottom of the page.

W e have embedded this tag <A NAME="MIDDLE"></A> just above to designate the middle of the page.

Go to the top ]
Go to the bottom ]

O ne a final note, if the page you are adding these link anchors to is not your root URL or main page, you need to put the complete URL of the page into the link. If you don't, what happens is that it will default and change pages to your root URL page.

<A HREF="Your Page URL.html#MIDDLE">Go to the middle</A>


Different Page Link Anchors

A bove we have discussed and shown you how to make page anchors within the same page. Now we will show you how to link to another page within your site in a certain section of the linked to page.

1)    Name the section on the second page you wish to click to from the first page. We named the section "remote. You can name it anything you want.
2)    Now you will add the below tag in the section on the other page you want to link to.

<a name="remote"></a>

3)    Now create a link to the linking page and the name of the linking area on the other page.

<a href="Your Linking Page Address#remote">Link Name</a>

As you can notice, all we did was put the URL of the linking page with the ending of #remote. Now, click the below link and see where it will take you on the linked to page.
Go To Selected Area Of Another Page ]

Go to the top ]
Go to the middle ]

W e have embedded this tag <A NAME="BOTTOM"></A> just below to designate the bottom of the page.

Copyright © Consigliere Ltd., All Rights Reserved. 2001-