Navigation Links

Navigation links - a link by any other name...
Sometimes there are links that will take you from one part of a page to another part of the page. If you click on one of those, it will take you to specific locations on this page. If you're willing to click this link, it will take you to the bottom of the page.

Welcome back. What you've just experienced are navigation links. They work just like regular links, with some minor differences.

Let's call those spots you can jump to "place-holders." Before you can tell an anchor to go to a place-holder, you need to make the place-holder. This is also done with an anchor tag. Instead of giving this tag a hyper-reference though, you'll just give it a name. Here it is all spelled out.

You'll notice that the name didn't have .html after it, and there was nothing fancy about it. You can name an anchor anything you'd like, but make sure that each anchor on a page has a different name. You may also notice that there is no link between the open anchor tag and the close anchor tag. Nothing needs to be here.

Now that you've created an an anchor, you can link to it. It is almost exactly like the anchors you learned about earlier with minor changes. Here is an example:

Please note that there is a "pound sign" (#) in front of the anchor name, and no .html follows. This will tell the computer that the link is on the same page, and is a navigation link.

You can also link to a specific anchor on another document. For example, perhaps I want to link to demolink.html and on that page there is an internal anchor named "saffron" Here's how I would make the link and here's what it looks like:

Code
<a href="demolink.html#saffron"> Link </a>

What you see
Link

This is really usable for creating an alphabetical index on a page or for getting around a long page quickly and without any bloodshed. Please note that the named anchor will be at the top left of the screen unless the anchor is close to the bottom.

Ok, now click the following link to come back to the top of the document. Yeah. This one.