How To Add A Banner or Image To Your Website

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. 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 (either in your pictures list or on your desktop). Be sure and name it something you can remember.

Step two
Go into the member section of your website. In the file manager section you will see a tab that says 'upload'. Click on that and it will either take you directly to a tab that says 'browse' in which case you then can browse your desktop or picture file and then select the image you downloaded previously. Then click to save that. Then you will be presented with a tab that says 'upload'. You click on that and it will be a part of your directory now.

In some case you might get another prompt before the browse tab mentioned above. It might give you an opportunity to select the number of images you wish to upload. After you advise how many images it will provide you with that many browse tabs.



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 SRC = "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 lose the A HREF tag and the closing </A> tag.

Once you have added the HTML code to your page, you can then save the new page and the banner should show on your page. (When uploading banners or images, if asked, upload in Binary mode. You probably won't be asked.)