Adding Images to Your Web Pages

The icons linked below are all located on PLU's web-server and available for your use.

• Arrows and Pointers (44)
• Art and Pictures (38)
• Dots (11) and Squares (8)
• Lines and Rules (29)
• Backgrounds (83)

To use the art_atwork.gif file, your basic image tag would look like this:

<img src="http://www.plu.edu/pics/art_atwork.gif" alt="">

alt="" allows you to specify a name for the image in case the browser (like Lynx for instance) does not support image display or the user turns image display off. If you do not provide this specification then Lynx will display [IMAGE] in the text where the image tag is located. For the above image you might use alt="[IMAGE] Under Construction" where the non-graphic browser would see the words "[IMAGE] Under Construction" in place of the image.

To make the page load faster, include the width and height specifications of the image. This allows the browser to set aside space for the image when laying out the page so that text can be placed on the page while the image loads.

<img src="http://www.plu.edu/pics/art_atwork.gif" width="40" height="40" alt="[IMAGE] Under Construction">