Inserting ImagesThe Image icon located on the Tool Barinserts images with the correct syntax into your HTML document using informa- tion entered into Image Tag dialogue box.General TabSource.This is the location of the image. You can type it in or choose the ‘Browse’ button to locate the image. Width and Height. Type in the width and height of your image in pixels. These attributes will designate a fixed pixel width and height for the image. Path Conversion.This allows you to use the path to the image on the computer you are currently working on or a path that will work with your Web server.Advanced TabAlt. Text.Type the text you wish to appear in place of the image in the ‘Alt Text:’ field. This attribute displays text in place of an image that does not load. This attribute should be used for all important images. This can help people with image- challenged browsers or bad connections to navigate through your site successfully. HSpace and VSpace.The VSPACEattribute will place padding on the top and bottom of the image equal to the pixel value. The HSPACE attribute will place padding on the right and left sides of the image equal to the pixel value. Border. Type a number of pixels in the ‘Border’ field to put a border around an image that is the width of the pixel value. Align.Click the down arrow at the end of the ‘Align’ field and select an alignment for the image. The ALIGNattribute controls the placement of the image on the Web page. The values “TOP” and “BOTTOM” refer to where the text will align itself after an image.Click the ‘View in Browser’ icon to see if the image is correct in appearance, size and position.CuteHTML v2.0 User’s Guide6
