Linking to Another Page

Let's assume you want to link to my base website, "enchantress.net", which is located at www.enchantress.net. And, for the first example, we will say you are linking only by means of text, so that you get the same effect as the link above. Your HTML tag would appear as follows:

<A HREF="http://www.enchantress.net">Land of Enchantment</A>

The link can appear anywhere on your page - in the middle of a sentence, as it is in the first paragraph above, or as a standalone link in a list of links. If you wanted a "bullet" in front of the link, and wanted JUST the bullet to be the clickable item to take your visitor to a new page, you would use a graphics "dot" or "bullet" image (this one is called ebdot.gif), and apply your link to the image, and not the text. The following is an example:

enchantress.net - A wide variety of graphics and more!

And here is the HTML source used to create the above button link:

<center><a href="http://www.enchantress.net" target="_blank"><IMG SRC="ebdot.gif" BORDER=0 HEIGHT=15 WIDTH=15 HSPACE=15></a>enchantress.net - A wide variety of graphics and more!</center><p>

Note the use of the words [target="_blank"] inside the page link reference tag. This particular command opens the linked page in a brand new browser window, so if you are linking a page for reference purposes only and expect your visitors to return to your page after viewing the other page, this is a very convenient way for them to do so! If your page is in a frameset and you are linking to another page and want to be courteous about the visitor's ability to escape your frameset when going to the linked page, you would replace the "_blank" with "_top". If neither of these conditions apply, just totally omit the target= command from the link reference tag, and the linked page will open in the same window your page was in initially.

Of course, you can link to just the text and not the button, or you can (as I prefer) link to BOTH the text and the button, so no matter what the viewer is accustomed to, he or she will get the link right the first time! To link the entire line, button AND text, simply take the <a> you see in the above example and move it to the end of the text line, rather than the end of the image source line.

By the way, linking to another page with a graphic "button", such as the enchantress.net logo at the bottom of the page, is accomplished exactly like the above example - you merely don't add text! So, a link to enchantress.net that looks like this:

Is accomplished with the following HTML:

<center><a href="http://www.enchantress.net"><img src="ebsmall.gif" width=149 height=40 border=0></a></center><p>


[Click here to return to Section Index]




All materials at this site are Copyright © 1996 - 1999 Teri Williams Carnright, TWC Graphics Design. All rights reserved.
Use of any material contained herein is subject to stated terms or written permission