GreenGeeks Secure Hosting, $4.95. Get Details. See More Courses ... Learn HTML5 Today!
Check out my new free course: Designing without a Degree.
Learn to be a web designer without expensive classes!
HTML Code MiniChapter 9: Navigation Within A Document
Click Here for More Details!
Navigation Within a HTML Document...
< back to the previous chapter
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.
Check to see if the .com or .co you want is available with this search box:
HTML Code - 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:
(Okay, I encourage you to COPY and PASTE this chapter's code into the box instead of typing it!)
<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>
<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>
<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>
<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>
|
Get the Latest Phones at TracFone Wireless! View Today's Phone Deals! |
| Hosting Company | Special Features | Host Details | Disk Space/ Bandwidth | Domain Price | Price (Click for More) |
|---|---|---|---|---|---|
|
iPage Expert Web Hosting | "Best Control Panel Ever"/ Enhanced Security/100% Green | View Specials | Unlimited/Unlimited | Free (ever year) | |
| Globat Hosting | Free Blogging Software/ Easy Control Panel Setup |
View Specials | Unlimited/Unlimited | Free (first year) | |
| GreenGeeks Hosting | Enhanced Security (SSH)/ North American 24/7 Support |
View Specials | Unlimited/Unlimited | Free (every year) | |
| 1&1
Hosting |
Enhanced Security (SSH)/ Scripting, and IMAP Secure Email | View Specials | 250GB/Unlimited | 3 Free (every year) | $9.99/mo |
Would you learn to learn
how
to
design web
sites without paying for a college degree?
Learn how to design without a degree at
designingwithoutadegree.com
Dave uses Mead Notebooks and Uniball Pens, available at amazon.com
URL: http://www.davesite.com/webstation/html/chap09.shtml