untitled
viviti
 HTML Amigo HomeHome
 HTML
   Introduction to HTML
   Using Notepad
   General Form
   Meta Tags
   Text Formatting
   Lists
   FTP
   Links
     Internal Links
     Anchor Links
     External Links
     Bad Style/Downloads
   Tables
   Images/Multimedia
   Frames
   Forms
   Style Sheets
   Javascript
   Web Hosting
   Special Characters
   Glossary
 Help Forums
   HTML Help Forum
Fast connection
   HTML Help Forum
Slow connection
 Extra (Important) Stuff
   Comments
   Link To Us
   Web Tools
   Resources
   The Poll Page


Anchor Links

      Another type of internal link is the anchor link. This link is an internal link but it links to a specific spot on any page in your website. Let's say you have a really long page about a product. And you have three categories: Product details, Product Cost, Buy Now! You can add three links on that page that make the user 'jump' to each section (e.g. the Buy Now section). A very useful anchor link is the Top link.

      There are two parts to making an anchor link:

  1. The destination link
  2. The source link

The destination link is placed at the exact spot you want the user to 'jump' to. The source link is placed where you want the user to click the link and then be sent to the exact location.


< A NAME = "name"></A>

      I placed that as the first thing in my < BODY> tag. Right at the 'top'of the page where I want you to jump to. It must be named because then we call it like this:


< A NAME = "#name"></A>

      I placed that visible link below. Notice the '#' before the name. This tells the browser to look for the anchor link instead of a file. Failure to do that causes an error

The Result

Top

      If your anchor link is on another page than you can link it like so: (Don't forget to place the destination link on that page)

< A NAME = "pagename.html/#name"></A>

Rate Tutorial:
12345
Rated: 0 out of 5
Votes: 0
Free Email Forms from Bravenet.com

Continue to External Links



© HTML Amigo 2005


Web Hosting · Blog · Guestbooks · Message Forums · Mailing Lists
Easiest Website Builder ever! · Build your own toolbar · Free Talking Character · Email Marketing
powered by a free webtools company bravenet.com