"The Ultimate Tutorial Resource"
| www.TechnologyTutorials.org | HTML Tutorials |
How to Link to the same page with HTML
HTML Linking
Ok, So you Have a HUGE PAGE, and you would like a nice easy way to build a table of contents that links to other portions of that page. Simple, you need anchors. Lets test one out.
Click Here

Now That your back, lets figure out how to do that:

<a name="bottom"></a>

Ok, lets break the code down:

<a name=
this tells the browser that you would like to give the area between <a and </a> a name, in this case "bottom", then </a>
closes your tag and lets the browser know that you are done linking for the moment. The trick to this is that you need to place the code in the portion of the site that you would like the link to go to, in my case, down to the bottom of the pagewhere I left you that nasty messege.

Now how do you link to this? I'm glad you asked, I almost forgot:

<a href="#bottom">Click Here</a>

This is just like any other link (link tutorial) except instead of giving the full address of the page, since we are alrady at that page, you just use the # sign followed by the name you gave your anchor. Make sure you put your image or text in before you use the </a> tag or you may not have a working link. See I told you that was easy. Your done here. Ok, one last tip - You can even use this to link to a certain part of one webpage from another, just create the link as normal like:

<a href="http://www.yourdomain.com/page.html#anchorname">
</a>

See what I did there? Just add the name of the achor with the location of the page the anchor is located. Ok, Now we are done. BYE, See you next time.

| Back to HTML Tutorials |
Hey! What Are You Doing? Get Back To Work!

| Top |

Professional Web Design
Content and Images Copyright of ISDProductions.com 2006. All Rights Reserved.
Design 2.1
Didn't find what you we're looking for? Ask Dr. Zoidberg

Google
 
Web www.TechnologyTutorials.org