Hypergurl Creating HTML anchors for web pages is easy. You can implement a HTML script for creating anchors on the same page, or to another page of your web site. This tutorial shows you how to create a HTML anchor link.




HTML anchors allow your visitors to jump directly to the part of the webpage that interests them without having to scroll for 20 minutes to find it! This HTML anchor code is cross browser and easy to implement.

Code for creating a HTML anchor



To begin with, here is an example of a HTML anchor: Jump to Bottom

As you can see, HTML 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 implement HTML anchors if you want a graphic or text to link half way down another page. That way your visitor isn't required to read all through the page to get to the part their interested in.

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

1. First you create an anchor link that the person clicks on initially. Here is the HTML code for the anchor link.

<a href="#anyword">Jump to any place</a>


2. Next, you need to create a named anchor in the spot that you are going to jump to. This anchor will require the following syntax.

<a name="anyword">Jump to this place</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">You're at the bottom!</a>


HTML anchor links across two webpages

Now for the second type of HTML anchor. The script below creates a link that points to another place on a different webpage. Again, 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>


Click here for more Html Scripts


  bullet SITE SEARCH


Site design copyright 2000 - 2013 © Tanya Puntti Hypergurl.com



You're at the bottom!