Linking is what the web is all about and luckily the tag is very straight forward. Using the link tag, you provide a way to get to one page from another. This design guide has used links throughout it to connect each page together or to allow you to go to additional resources.

The link tag contains one argument you will need, "href". To link to Weekly Wire, you would use the following syntax:

Go to Weekly Wire

Code: <a href="http://www.weeklywire.com/">Go to Weekly Wire</a>

If you wanted to have an image link to Weekly Wire, you would just wrap the link tag around the image.

For example:

Code: <a href="http://www.weeklywire.com/"><img src="images/logo.gif" width="50" height="58" alt="Weekly Wire"></a>

Notice that a border is displayed around the image that is linked. You can easily remove this by adding the border="0" value to the image tag like this:

Code: <a href="http://www.weeklywire.com/"><img src="images/logo.gif" width="50" height="58" alt="Weekly Wire" border="0"></a>

The above example all use fully qualified URL's to link to. These are called "absolute addresses". You may also use "relative addresses" in a link.

For example, if you wanted to link to the guide home page and the file was in the same folder, you would type:

Design Guide Home Page

Code: <a href="index.html">Guide Home Page</a>