PICK A PAGE AND Home Site Guide Site Search Bulletin Board Virtual Greeting Cards -The Stuff You Want- Free CGI Script Archive Free Graphics Archive Free Coordinated Page Graphics -Getting Started on the Web- Clueless? For the Newbie! Domain Name Lookup Recommended Hosting Solutions Free Hosting -The Fun Tutorials- Lots of HTML Tricks and Tutorials HTML Tag Guide JavaScript Tricks and Tutorials Navigation Tricks Image Maps Tutorial -CGI, SSI and Unix Tutorials- SSI: Server Side Includes Forms Tutorial CGI Simple Tutorial Your First CGI Perl Script Banner Rotation Squawk: Recent News UNIX Guru Tutorial -Web Page Design Tutorials- Design Basics Most Important Part of your Page Photo Composition Tutorials MIDI Music on Your Pages All about COLOR THE SAFE Colors The Skinny on Fat Graphics Advanced Design Examples ASCII Chart -Managing Your Web Site- BNB on the APACHE Server Introduction to the Secure Server How to Promote Your Web Site Site Management Site Security Password Protection on Directories Site Diagnostics Script Troubleshooting -Resource Links- Offsite Resource Links Good Books The Tools You Need -All the Other Stuff- Newletter Back Issues Reader's Links Bird Droppings: Letters Kudos / Awards BNB FAQ Guestbook

How do I get a browser to go to a specific part of a page?

You have probably noticed that on many of my pages, that if you select certain links, such as to my CGI-BIN page, that you wind up looking right at what it was I was telling you about. The secret to this are the the <A NAME="anchor_name"></A> tags. Before I show you the exact code to do this, let's just take a fast look at a full URL: (port ommitted since rarely used) http://www.bignosebird.com/docs/h17.html#TOP This URL tells the browser the following: This is a HTML document request The document can be found at the www.bignosebird.com domain It is located in the docs directory under its root directory It's name is h17.html (this document in fact) Position the top of the screen at a location called TOP

How to do it: Here is a menu presenting three navigation choices on this page. Go ahead and give it a try. This section is called the "How To" so you can find your way back again. Go to top of page Go to middle of page Go to bottom of page This is the source code for the menu above: <A HREF="#TOP">Go to top of page</A><BR> <A HREF="#MIDDLE">Go to middle of page</A><BR> <A HREF="#BOTTOM">Go to bottom of page</A><BR> I also had to place the following tags in my document. The best way to see them is to view the actual document source with your browser. You will see some rather large gaps created using the <PRE> tags. <A NAME="TOP"><A> <A NAME="HOW_TO"></A> <A NAME="MIDDLE"></A> <A NAME="BOTTOM"></A> Final Note: To address a specific point on any page- just place the <A NAME=> tag in the target document. Create a link in the calling menu that corresponds to the anchor tag your created. Try it! http://www.bignosebird.com/cgi.shtml/#GBOOK

WELCOME TO THE MIDDLE!

WELCOME TO THE BOTTOM!

Find or Give Help on the BBS
Home Top E-Mail
If it looks great, it's by Christine

---