Specifying Image Width and Height
Because text moves over the Internet much faster than do graphics, most web browsers will display the text on a page before the images. This gives people something to read while they're waiting to see the pictures, which makes the whole page seem faster.
You can make sure that everything on your page appears as quickly as possible and in the right places by explicitly
For each image on your page, use Paint Shop Pro or another graphics program to find out the exact width and height in pixels. (In Paint Shop Pro, this information appears in the lower-right corner of the main window when you move the mouse over any part of an image.) Then include those dimensions in the <img /> tag, like this:
<img src="myimage.gif" alt="" width="200" height="100" />
Finally, you learned how to take advantage of thumbnail images that link to larger images as means of improving the layout of pages. This required using the same
tag introduced in Hour 3. What you didn't see is how to use images as custom page backgrounds, which is coming up
Table 8.1 summarizes the attributes of the <img /> tag covered in this hour, along with relevant style properties.
Table 8.1. HTML Tags and Attributes Covered in Hour 8