HTML Script for Creating Anchors ….

Example Jump to Bottom Button
Jump to Bottom

Page anchors allow visitors to jump to a specific place in the current webpage or to jump to a specific place on another web page.

You usually use page anchors if you want a graphic or text to link half way down another page. That way your visitor doesn’t have read all through the page to get to the bit their interested in.

To create a link that points to another place on the same webpage, you need to create two anchors:

1. an anchor in the spot that you are going to jump from
this anchor will have the syntax:
<a href=”#anyword”>Jump to anyword</a>

2. a named anchor in the spot that you are going to jump to
this anchor will have the syntax:
<a name=”anyword”</a>

For example, if I wanted to allow folks jump from the words “Jump to Bottom” to the bottom of the page I need to create 2 anchors.

I need to place an anchor that says “Jump to Bottom” that points to the bottom of the page.
The syntax is:
<a href=”#bottom”>Jump to Bottom</a>

I also need to create a named anchor at the bottom of the page.
The syntax is:
<a name=”bottom”</a>

The script below creates a link that points to another place on a different webpage, you need to create two anchors:

1. Create anchor on Page A pointing to “here” on page B
<a href=”PageB.html#Here”>Go to Here on Page B</a>

2. Place a named anchor on PageB.html
<a name=”here”>Here</a>

In the example above, we selected HTML for our anchor text and the ‘Example Link’ text above was used to create the link. When clicked on, the page will jump to the HTML anchor text we selected below.

• When you create your link, you must use the same name within your link as you used in your anchor. In our example, we used HTML within our anchor tag and HTML within our actual link. When we created our link, it looked like this: <a href=”#HTML”>Example Link</a>

Did this help?