Eye of Design helps users find information on web design and development along with feature a gallary of works created by Gary R. Hess.

Images

If you are making a website, more than likely you will want to use an image somewhere on the site. An image has many attributes though, so let's get started.

The plain image code is <img src="image.jpg">. This code is fine if you are using CSS along with it, but if you are not you more than likely will want more attributes.

Image Border
As a default, most browsers add a border around each image. To get rid of the border you must put the attribute on each image (if you are not using CSS): <img src="image.jpg" border="0"> and of course the larger the number the thicker the border.

Image width and height
An image should almost always be resized in a paint program before placing it on a website. It saves space on your server and also allows the page to load quicker, however if you MUST resize an image using HTML it may be done using the width and height attributes. An example: <img src="image.jpg" width="50" height="50">. Width and height are both in pixels.

Using the alt tag
ALT tags are used mainly for visitors who can not view your images. When this is the case, they see what it written as the alt tag. The alt should be something that contains keywords for your site. Search engines love these tags. As of late, many webmasters have been using alt as the popup text you see when you bring your cursor over an image, however this is not its purpose. If you must have popup text use the title attribute instead.