Using Pictures Correctly

Using Pictures Correctly

To implement pictures in your html-file, you use the img tag:

<img src="picture.jpg" width=nnn height=nnn alt="Alternative text">

Always supply width and height attributes. Your browser will show the page much faster. If you specify width and height that differs from the picture, your browser may stretch the picture.

The text you specify in the alt attribute will be displayed in the empty picture frame until the picture is loaded. Note: MSIE 3+ and Netscape 4+ uses the alt-text as mouse-hint (when you place the mouse over the picture for some time). In many cases this does not look nice.

If you use a picture in a link, you can use border=0 to remove the border.

Note: Netscape 1.x have problems with transparent pictures in GIF89a interlaced format. You should use non-interlaced Gif89a format for transparent pictures to support this browser.

Related article: Which format should I use.

Affiliate Sites: Funny Videos | Fight Videos | Free Arcade Games