Creating page jumps follows the same idea as creating a link except this link jumps to another section of the SAME page. Instead of using the name of a page, we use "#" (this shows the browser the link is within the same page) followed by a codeword. Here is what it will look like:

<A HREF="#codeword">Section to Jump to</A>

In order for the jump to work, you will need to add the tag <A NAME="codeword"> right before the section you wish to link (or jump to). For example, when we went to the bottom of the page, the tag <A NAME="bottom"> was placed right before the line "Bottom of the Page." Here is what the code will look like:

Let's visit the <A HREF="bottom"> bottom of the page!</A>
|Text of Page|
|Text of Page|
|Text of Page|
<A NAME="bottom">
Bottom of Page!

To go directly to the top of the page, the page jump will look like this: <A HREF="#top">. In this case it is not necessay to place the tag <A NAME="top"> at the top of the page since it is already implied. Because this codeword (top) is reserved to signify the beginning of the page, never use it as one of your code words (I guarantee you won't get it to work the way you wanted it to!)

Suppose there is one section of another page you would like to link. We can also create a page jump when linking to another page so that the one section is available to the user without having to scroll through the entire page to find it. This page jump works the same way, but the name of the page that you are linking comes before the codeword. Here is what it will look like:

<A HREF="page.html#codeword">

Don't forget the "#" before the codeword because that is what makes the page jumps work. On the page that is being linked you will need to place the tag <A NAME="codeword"> right before the section you want to jump to.

That finishes the tutorial on page jumps!