How to Create Anchors in HTML

Here is a simple way you can create HTML anchors

Below you'll find a special HTML code you can use to create links within your web page to other sections of that same page.

All About Anchors

Have you ever wondered if what you know about HTML anchors is accurate? Consider the following paragraphs and compare what you know to the latest info on HTML anchors.

But first, I'd like to explain a little about anchors and how you can use them to enhance your website.

What are HTML Anchors?

Simply put, an anchor is a hyperlink that sends your reader to another section of the same web page as itself.

Sound confusing? Although links normally go to other sections of your web "site" or even to another site all together, links can also be used to create special shortcuts within your web pages.

Here are just a few ways you can incorporate anchors into your web pages:

1. You can use an anchor to create a menu on your page. If you have a categorized section of your website such as a resources page or a products page where each category is very short in length, you can use anchors to link to each category instead of making a new webpage for each category.

You can go to the link below to view my resources page as an example. Notice how each category title such as "Internet Marketing", simply goes to a section on the same page as the menu. You'll remain on this same page no matter which category you choose. These links are called anchors.

GoHere to View Web Resources Page

2. You can use anchors as a "jump" ahead on your page for readers who are in a hurry, and wish to sign up for your offer or purchase your products.

For example, you may have a lengthy presentation that sales really well on your site, but there are always those readers who wish to get right to the price and buy! For these type of readers, you can create an anchor that jumps to the product options on your web page and skips the lengthy presentation.

You can view a sample of this by going here...

If you find yourself confused by what you've read to this point, don't despair. Everything should be crystal clear by the time you finish.

3. Anchors can be used as a guide to your menu bar. You may wish to lead your readers back to the menu bar of your page so they can visit other sections of your site. You can use an anchor to link to your menu bar from anywhere on your web page.

4. And, finally, you can use an anchor to lead your visitors back to the top of your page. If you have a lengthy web page, this saves readers the time of scrolling all the way back to the top of your page.

The HTML ANCHOR CODE:

Below is the HTML code for creating anchors...

Select the destination you wish the link to take you to when clicked on and place this code with any name you'd like.

This will create an anchor for your link.

<A NAME="anyname">anyname</A>

Create your link and make sure you use the same name as you used in your anchor:

<A HREF="#Anyname">Click Here</A>

I am certain you'll find anchors to be a valuable addition to your web design. Use these tips to increase your website's navigation abilities, and sales!

This article's coverage of the information is as complete as it can be today. But you should always leave open the possibility that future research could uncover new facts about installing HTML anchors into a website.

---

Article written by Candice Pardue, web content and Internet marketing writer. Visit http://urlfreeze.com/1/L-1577/ here to learn beginners HTML from start to finish. This one's for you...

This article about HTML anchors may be reprinted for use as content at any website or in any publication as long as the article is kept in-tact with included links, text, etc.. and the resource at the conclusion of the article must remain with the article. The articles may not be sold for profit or included with a consumer product without written permission from the author. Thank you, and enjoy!

Design Your First Web Page Today >>>>>>

Home Course in HTML Web Design

More Web Design Articles