Add Images To Your Web Pages

How To Add Banners & Images To Web Pages

Web Banner Help

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:

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 upload the new page and the banner to your web server. When uploading banners or images if asked upload in Binary mode.

If you have found this info page helpful please consider subscribing to our eNetplace Tips newsletter. You will receive timely information, free downloads of ebooks, software and resources that are useful for both beginners and experienced webmasters.