--- Images ---
[ Previous Section | Home | Index | Test Your HTML | Related links | Next Section ]



With a few titles and some text, a list or two and a couple hyperlinks, your page is starting to come together. However, there really isn't the spice, the pizzazz, that makes your page special, that makes it "yours." Placing images on your page will add to its content and can make your page look interesting.



Images


<IMG SRC="image.ext"  ALT="An image..."  BORDER=xx  HEIGHT=45  WIDTH=45>

- This is the tag to use to place an image on your page. Image is the name of your image, while .ext is the extension of your image, the three-letter addition to the end of the file name. Only two types of images can be used as web page images, those with the extension of .GIF and those with the extension of .JPG (sometimes .JPEG). The ALT option defines the text that a browser will display in case it can't find your image or if your visitor is viewing your page in a browser that cannot display images. Though the BORDER option's main function is to put a border around your image, it is very important when you make your image a clickable link, like you learned in the last section. If you make an image a hyperlink, a blue border appears around your image. Sometimes, this can look ugly. So, to get rid of the border, you can set the BORDER option to 0. The HEIGHT option sets the height of your image in pixels. While you can simply do away with this option, it does allow you to change the height of your image without having to change the actual image. The WIDTH option allows you to set the width of your image just like the HEIGHT sets the height. Also, if the layout of your page is important to you, the HEIGHT and WIDTH options will show the visitor about where you image will be by drawing a box with the dimensions that you specified using the options. This not only is important in layout, but can also speed the loading of a page in some instances.



Examples:
<IMG SRC="../media/tablespace.jpg">
<IMG SRC="../media/tablespace.jpg" ALT="- No Image Here -"> - No Image Here -
<IMG SRC="../media/tablespace.jpg" ALT="- Red Stripey Thing -" WIDTH=10 HEIGHT=10> - Red Stripey Thing -
[ Previous Section | Home | Index | Test Your HTML | Related links | Next Section ]