The first type of link is the simplest; it connects one page to another. After someone building a webpage has most of the first, or index.html page completed it becomes obvious that all the information a person wants to include cannot be placed on one page. It therefore becomes necessary to connect another page to the first with some type of "link." The following link is offered to link other pages to the main, or index.html page.
The tags to make the link are:
<a href="pagename.html">Text of link</a>
The above link will link a "new" page named "pagename.html" to the index.html page when the tags are placed in the index.html document. It uses a "simple" text link which will be "clickable" for the visitor.
To make that same link using an "image" or "icon" as a clickable link the tag is merely changed to this:
<a href="pagename.html"><img src="image.gif"></a>
Those links are used to link pages within the same webaddress but it is also possible to construct a link to a webpage which is "external" of the webaddress. The simplest is using the text link however the "image" link can be used. That link would be constructed like this:
The external link above includes the webpage URL as the address in the link. In this case the link is to Yahoo.
How to Make a Jump Link on the Same Page
The question is often asked, "Can I make a link on a page and jump to another point on the same page?" The answer is yes, and this is how it is done:
<a href="#one">Jump link</a>
The above link is placed on the page where the "jump" is to begin FROM. The following tag are placed where the "jump" is to move TO.
<a name="one">Link jumped to
The name "one"is a "target_name" and can be either a word, or numeral...whatever you want to identify as the "target."
How to Make a Jump Link on the Same Page
It is also possible to create a "jump" link which connects a point on a page to another point on a different page. This is a bit more advanced but the tags would be created like this:
<a href="index.html#one">Jump link</a>
The above tag is placed at the point where you want to "jump" FROM with the URL indicating the "pagename.html."
The page and point where you want the "jump" to move TO would have this tag at the point of entry:
<a name="one">Link jumped to
In all of the JUMP links be sure to place the # symbol in the <A HREF> tags. Don't put a # symbol in the <A NAME> tag, or links to that name won't work.
A request which is frequently heard in the GeoCities Help Chat is : "How do I make links which are NOT underlined?"
The tags to use for those links follows:
<STYLE><!--A{text-decoration:none}--></STYLE> place the tags between the <head> and </head> tags. (Works for version 4.X browsers and up.)
Within the document body you can remove the underlining by using:
<a href="filename.html" style="text-decoration:none">Click the link</a>
Main HTML Help
Site© 1996-2003 Copyright by dcrum@infionline.net