HTML Tags for Images or Banners consist of two parts, an IMG SRC tag for the image and an HREF tag for the hyperlink URL. The tags are just HTML markers that tell a browser that what is inbetween a 'beginning tag' and an 'ending tag' is to be treated in a certain way. The HREF tag tells the browser where to go when the banner/image is clicked on. The IMG SRC tag tells the browser the physical location file path of the image file.
There are basically three steps to adding banners/images/graphics to web pages.
Step one
is to save the banner image to your hard drive(unless you're linking directly to the image from another web site). To save to your computer do this, with your mouse right-click on the image and choose Save As from the drop down menu. Save the image to your hard drive in a location you'll remember.
Step two is to insert the image into your web page.
Step three
is to properly setup the HREF and IMG SRC tags. The HREF and IMG SRC tags go within the <A> tag. Every tag must end with an ending tag like </A>. Some web page creators like 1st Page 2000 make it very easy to insert images to your pages complete with the proper tags.
To show an image that when clicked on takes the visitor to another web site,
The HTML code should look like this:
<a href="http://www.thesitevisitorsclickto.com">
<img scr = "http://www.yourwebsite.com/images/imagename.gif">
</a>
The IMG SRC is the location of the image, in this case on your website, the images folder and the image name, imagename.gif. Make sure you use the correct file extension for your image, imagename.gif or imagename.jpg. The HREF is where the user is going to go when they click on the image. You can change the link and the image source path to match what you desire from your particular banner or image.
If you have done everything correct, the browser now knows what image to display and where to go when that image is clicked.
Let's say you don't want the image to be clickable, in that case
The HTML code should look like this:
<img src = "http://www.yourwebsite.com/images/imagename.gif">
That’s right, simply close the A HREF tag and the closing </A> tag.
Once you have added the HTML code to your page, you can then upload the new page and the banner to your web server. When uploading banners or images if asked upload in Binary mode.