What we've shown you so far works just fine. However, we can improve its performance from the user's point of view. Consider this fragment of HTML:
Here is a picture of Tabitha, the cat. <img src="tabitha.jpg" alt="Black domestic shorthair" title="Black domestic shorthair" /> Such a lovely animal!
Here's what happens when you load the page:
If you don't specify an image's dimensions, then Netscape will appear to take longer to render a page, and Explorer will re-flow the text as the images come in. Both of these can annoy the people reading your pages.
When you create an image or scan it, your graphics editor will tell
you its dimensions. You can put them into the
element, as follows:
Here is a picture of Tabitha, the cat. <img src="tabitha.jpg" width="115" height="144" title="Black domestic shorthair" alt="Black domestic shorthair" /> Such a lovely animal!
Now the page loads on both browsers in this sequence:
Although the total amount of time required to load the data is identical, the page appears to plot faster and/or more smoothly. The effect is purely psychological, but your readers will appreciate it nonetheless.