~How to Link a Graphic to a Web Page~

Recently I have been getting many emails asking me how to go about linking my credit logos back to my website so I decided to make a little help page on this. There are many programs you could be using to make your website, so I can't give specific directions for each program because I haven't used them all, but I can tell you how to write an html code to do this.

Here is one of my logos we'll use as an example

If you save this image by "right clicking" your mouse and choosing "save as",
you'll see that the file name of this logo is
prim9setlisalogo4.gif

(If you don't know how to download graphics to your own computer yet, please read this help page first)

You can make any graphic link to any web page, but we'll use my website in this example
The link to my website is

http://www.countryclipart.com

Now you need to make the graphic prim9setlisalogo4.gif link to http://www.countryclipart.com
Let's make it centered on the page too.

<center><a href="THIS IS WHERE YOU INSERT THE COMPLETE LINK">
<img src="THIS IS WHERE YOU INSERT THE COMPLETE FILE NAME OF THE IMAGE"></a></center>

so then the correct html code to link this logo to my website would be:

<center><a href="http://www.countryclipart.com">
<img src="prim9setlisalogo4.gif"></a></center>

</a> means end the link...if you don't include this, the rest of the content on your web page will all be linked to my website!!
Here is what it will look like, and if you click on it, it will take you back to my main page

hmmm....It doesn't look the same as the logo up above...there's a blue square around it..why?
This is because the image has been linked.
Just like when text is a link it has a line underneath it, a graphic will have a line around it forming a box.
You can remove this box by adding  border=0 to the html code.
Lets add that and see what the code looks like now...I put it in red so you can see where it goes.

<center><a href="http://www.countryclipart.com">
<img src="prim9setlisalogo4.gif" border=0></a></center>

This is what it will look like now, and still be linked to my main page

This next step isn't absolutely necessary, but it's a very good idea to do and will help your images load a little faster on your page. If you know the height and width of the image (in pixels) you should add that to the code.
This particular image is Height 98 and Width 116
This is what the code will look like when you add that....

<center><a href="http://www.countryclipart.com">
<img src="prim9setlisalogo4.gif" height=98 width=116 border=0></a></center>

Just copy and paste the code (or a different code that you know how to make now!)
into the html of your webpage document where you want the logo to appear,
save it and upload it to your website.
Don't forget to upload the actual image to your website too!!!

Let me know if this little tutorial helped you or not.
If you still have questions or more need help, please just email me anytime.


5187