Now this is the fun part! Linking images instead of text is very simple - you just put an image into the HTML instead of the text, with the same <A HREF="..."> as before. So, how do we put an image into a web-page? Like so:
<IMG SRC="ButtonBlue.gif">
The above HTML will just insert the image onto the page, but not link it. Let's look at the code from the Text Links Tutorial.
<A HREF="http://www.mattman.net">Visit my site NOW!!!</A>
To instead link the image to my site, we just REPLACE the linked TEXT with the code for the IMAGE:
<A HREF="http://www.mattman.net"><IMG SRC="ButtonBlue.gif"></A>
That's all there is to it: easy! There are also other parameters you can ADD to the <IMG SRC=....> tag to customise the image. For example, you can add a coloured border to the image, of any thickness you require. This is done as follows:
<IMG SRC="ButtonBlue.gif" BORDER="3">
This would give the image a border which is 3 pixels thick. The colour of the border will be the colour of the text on your page, or if your image is LINKED, it will be the colour of the other links on your page. The code for a linked image with a border is just:
<A HREF="http://www.mattman.net"><IMG SRC="ButtonBlue.gif" BORDER="3"></A>
There are additional parameters of course, but this will do for now, to get you started. Pretty easy, isn't it? :-)
