Moon Over VNWR

By

MoonKitn

of

Content By Niche

Hello Everyone!

I will take a break this week and share with you some interesting things Voltar has to say about img scr tags.

IMG SRC (Banners) Basics

This is a 4 part walk thru of basic banner and graphic tags/codes for use in our industry. I hope it helps many of the new webmasters reading this. Most of these items below are things you end up picking up, but this should give you a nice basis to work from. Please note that because of the nature of html, in order to make the code visible, I am reversing the brackets "<" and ">" so you will have to reverse them again to use them in your coding.

Part One
A banner is a graphic. Graphics are shown on your page by using a IMG SRC tag/code.The result is this code: >IMG SRC="banner.gif"<

Part Two
For your banner via part one above...you call it up like this: >IMG SRC="banner.gif"<
If you were to add a couple of things inside the img src tag/code you can add a little space around the banner and your linked text around it so it looks more professional and easier for the surfer to read your ad. You would do that like this: >IMG SRC="banner.gif" vspace="3" hspace="3"<
vspace is for vertical and hspace is for horizontal. Adding the above code places a 3 pixel space around the banner. This is also a very useful tool to use when doing thumbnails.

Part Three
If for any reason you want to take away the border that goes around the banner. As in some cases you may blend in graphics with a background color of a page for cool sales effects, but you still want the graphic linked, you would add a border="0" inside the img src tag/code as well. like this
>IMG SRC="banner.gif" vspace="3" hspace="3" border="0"<

Part Four
Have you ever seen banners that have text show up when you hold your mouse over them? Of course you have. This can tell a surfer things, such as click here now bozo, and also adds valuable keywords to your page for the search engines to key on. You do this in your img src tag/code as well...it's called an alt tag and it looks like this
alt="click here bozo"
Here it is in the same img src tag/code from above..
>IMG SRC="banner.gif" vspace="3" hspace="3" border="0" alt="click here bozo"<

That should be enough to get you really off and running and looking very professional with your linked banners and graphics...very easy to do with hand coding.

Enjoy and profit.. Voltar




 
"That is what learning is. You suddenly understand something you've understood all your life, but in a new way."
Doris Lessing
 
Previous PageNext Page

© 2001-2002 EA Ventures. All rights reserved.