<html>

<img src=...alt=...width=...height=>

 

After adding the "alt" material you can also add the dimensions of the graphic, the width and heigth in pixels. To check the dimensions, open the graphic in Photoshop or another graphic program and use "edit" to check the image dimensions in pixels. Or open the graphic by itself in a Netscape browser and use "View>Page Info" to get the dimensions. Then type those pixel dimensions width="[number of pixels]" heigth="[number of pixels]" into your code.

There are two advantages to adding dimensions to your code. The most important reason is that your page will load more quickly. Graphics do slow down browsing, and your audience is often impatient, so anything you do to speed the load will help.

The other reason to add the dimensions is that this gives you the option of manipulating the graphics. If you repeat a graphic and it is almost the same size both times, you can use the one graphic and simply change the dimensions for each use. Of course, there is distortion when you do this, so do not rely on adding dimensions to resize graphics all the time.

You can also use the dimension sizes to preload your graphics, a trick that Dave Raggett describes in the margin on page 117.

Continue to "Sources" >>

Other comment notes for this unit:
alt tags | using sources | thumbnails

   
Readings
Resources
<head>
<p> etc.
<b> etc.
<li> etc.
<a href>
<img src>
Access
<table>
<frame>
<style>
<form>
<script>
<object>
validate

Copyright by dwang, 1999. All rights reserved.