How to create a jump to link

Jump link is used for jumping between part of a page.

Wonder how to create a jump link?

Ie: jump from the top of the page to the bottom? This will comes handy if you have a very long page.
Or jump to top from the bottom of a page?

Jump link consist two "HTML a" tags, the link & the destination.

Case: jump to the bottom of the same page.
This is the code where you want to place the jump link:

<a href="#bottom">Jump to bottom</a>

This is the code you need to place at the destination.
<a name="bottom">

Case: jump to the top of the same page.
This is the code where you want to place the jump link:

<a href="#top">Jump to top</a>

This is the code you need to place at the destination.
<a name="top">

Case: jump to the specific part of another page (ie: another-page.html).
This is the code where you want to place the jump link:

<a href="another-page.html#somewhere">Jump to somewhere</a>

This is the code you need to place at the destination (another-page.html).
<a name="somewhere">

Good luck!

Comments

wow, this woooorks :)

added it to http://www.kvizmajster.sk/?sudoku_online=sudoku

thanks

Post new comment

The content of this field is kept private and will not be shown publicly.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Enter the characters shown in the image.

If you enjoyed this post, make sure you subscribe to our RSS Feed! Or if you prefer, you can Follow us on Twitter instead.