Lemmy's HTML Guide

So, you want to know how to do an in-page link? In-page links are useful in pages with lots of information as they allow the viewer to skip to the different sections without scrolling all the way down. To follow along in an actual web page, go to my practice page (http://www.lemmykoopa.com/lkmainl.htm). Click the page with your right mouse button, and click view source on the menu that appears. Maximize the new window, and you'll see what the page is made of. Now count the lines - blank lines don't count as they do not effect the page - and go to line 113.

This is the paragraph just before the list of all my sections that asks you to go read the news. It provides a link, and that link is an in-page link.

<A HREF="#lknews"> As you can see, it is just like a regular link, except that you need a # sign and then you write something in quotes. As for what you write, you can make the link anything you want, since it is not a page but merely a point on a page. Just like a regular link, after you type the text you want to carry the link, close the link with "</A>".

Now let's see how to receive an in-page link. Go to line 203.

This is the header of the news paragraphs. Although a viewer wouldn't know it, this line is receiving an in-page link.

<A NAME="lknews"></A> This is what is receiving the in-page link. It is not a link in itself, but it is naming a point in the page. You can name that point whatever you want, but that name and the name in the in-page link itself must be the same. Close the receptor off so that the page will be sure of what point you mean.
Congratulations, you now have a complete in-page link! You can have your viewers bouncing all over one page. Have fun!

Go back to Lemmy's HTML Guide.

Go back to Lemmy's Land.