Here is an image:

computer mail To get an idea of how the image tag works, try changing the dimensions of the picture. After you make each change, remember to SAVE your changes in the text editor AND also to RELOAD it in the browser, Netscape. (Push the "Refresh" button in Internet Explorer). First, make HEIGHT=200, leaving the WIDTH alone. Then change both WIDTH and HEIGHT to 200. Next, try changing the ALIGN attribute to "middle" or "right" and look closely at how the image is displayed, and also examine how it relates to the text in this example. Notice that ALIGN=middle does not CENTER the image horizontally, but centers it vertically with the text. To center an image, nest it inside DIV tags (see Chapter 4). Finally, try changing BORDER=10, to view the effect of border.

Return to Index of Examples