<a name="BookmarkNameHere"> and </a>

PURPOSE: To make a Anchor Bookmark Link where when you click on the link, it moves to a specific area on the page to find the bookmarked area of text. When using the
<a href="#BookmarkNameHere"> don't forget to add the pound sign #.

Below is a basic html document. The referenced html tag is in RED. All tags must have a start and a end tag. Most end tags have a / before the tags name, however there are a few that are done differently. The tags that end differently will be noted and highlighted. The order of the start and end tags is also very important to proper display of your page in a web browser.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> The Page Title Goes Here </title>
</head>
<body>
<p>
[Item 1] [Item 2] [Item 3] <a href="#item4">[ Item 4]</a>
</p>
<p><a name="item4">[ Item4 ]</a>
The above link will make the page jump down to here where the name "item 4" is located, when the link on top of the page is clicked on. </p>
</body>
</html>


Here is a example of how it works: Click on Item 4

[Item 1] [Item 2] [Item 3] [Item 4]

This is item one paragraph.





This is item two paragraph.





This is item three paragraph.





This is item four paragraph.



To make a bookmark jump to another page and a bookmarked text area use this code:

<p>
[Item 1] [Item 2] [Item 3] <a href="anotherpage.html#item4">[ Item 4]</a>
</p>

Then add this code on the page where the bookmark text goes:
<p><a name="item4">[ Item4 ]</a>
</p>


© Copyright 2001,2002 Southern Twilight    All rights reserved.

Back To HTML Examples