HTML Code MiniChapter 9: Navigation Within A
Document
Navigation Within A Document...
Wouldn't it be nice to be able to click a link and move to another
area within the same page? Well you can. You will use the normal
anchor tag (<A HREF>) except instead of placing another page in the
quotes, we will use a named portion of the document, which begins
with a #. To name the part of the document, go to the area you want
to name, and place <a name="name_of_area">text</a>, then to call a
link to that place from somewhere else in the document, use <a href="#name_of_area">text</a>
Example:
<a href="#section2">Go To Section 2</a><br>
blah<br>
blah<br>
blah<br>
blah<br>
blah<br>
blah<br>
<a name="section2">Welcome To Section 2!</a>
Go To Section 2
blah
blah
blah
blah
blah
blah
Welcome To Section 2!
Once you have the section named, you can even call it from other
documents... for example, if you named a section in index.html
called section2, you could call it from bookmarks.html using <a href="index.html#section2">.
Using internal page links seems silly on a short page like this, but
it definitely pays off on long pages.
Try it Yourself!
In the Box below, type the following HTML code, then click "Check it
Out!" The HTML document you made will be displayed in your browser.
You may wish to change the words within the tags just to try it out.
Try typing this:
<html>
<head><title>Navigation is Cool</title>
</head>
<body>
<a name="section1">This Is Section One</a><hr>
<a href="#section2">Click Here to Go to Section 2!</a><br><br><br><br><br><br><br><br><br>
<a name="section2">This Is Section Two</a><hr>
<a href="#section3">Click Here to Go to Section 3!</a><br><br><br><br><br><br><br><br><br>
<a name="section3">This Is Section Three</a><hr>
<a href="#section1">Click Here to Go to Section 1!</a><br><br><br><br><br><br><br><br><br>
This page Copyright © Little Joe's Pages & davesite.com.
<a href="http://www.davesite.com/webstation/html/chap09.shtml">Back
to The Tutorial!</a>
</body>
</html>
|