Basic HTML Coding
Hyperlink Tags -- These are the tags that really made web pages unique, by letting a person click on text or an image and go somewhere else. Hyperlink tags are container tags, which means there must be an initial tag and an ending tag.
Basic format:
<a href="URLaddress">Text to be linkable</a>
Address formats:
Full address: <a href="http://www.arts.ilstu.edu/~guither/webtricks.html">Link text</a>
Relative address (in same folder)<a href="mypage.html">Link text</a>
Relative address (in one folder down)<a href="foldername/mypage.html">Link text</a>
Relative address (in one folder up)<a href="../mypage.html">Link text</a>
Relative address (in one folder up, then one down)<a href="../foldername/mypage.html">Link text</a>
Using Images to Link
Use the same procedure as above, but simply replace the Link text with the code for an image. For example
<a href="http://www.arts.ilstu.edu/~guither/webtricks.html"><img src="macmade.gif"></a>
Looks like this and will link to that page:
If you want to avoid the colored line around the image that shows it is a link, make sure to add "border=0" within the image tag:
<a href="http://www.arts.ilstu.edu/~guither/webtricks.html"><img src="macmade.gif" border=0></a>
Looks like this and will link to that page:
Linking to a point in a document
You can create a link to a particular point in a page. In order to do this, you use the "a name" tag at the point where you want the link to connect. This container tags surrounds the word or image which you want to have be the 'anchor.' Then you name this anchor within the tag. You can call the anchor anything you want, and then use that in a hyperlink tag elsewhere to direct people there.
For example, if I wanted you to be able to click and jump up to the area above where I talked about address formats, I could do the following around the words "Address formats" above:<a name="address">Address formats</a>
In order to link to that name from the same page, you set up the hyperlink like this:
<a href="#address">Address Formats</a><br>
from another page:
<a href="http://www.site.com/mypage.html#address">Address Formats</a><br>
(you can use any of the types of address formats before the # symbol)
You can use "#top" to link to the top of the page, even if you haven't named it. It automatically knows you mean the top of the page.
Try it out. Click here, to go up to the line Address Formats
Click here to go to top of page
You can reach Pete at:
pete@thelivingcanvas.com