Page 227 - DCAP109_GRAPHIC_TOOLS

Graphic Tools

Notes If you do not know the height and width of an image, choose any one of the options given
below:

z Import the image into any graphics program and select “Image Size” from the menu.
z Open the image files in a browser, right-click the image, then select “Properties”.

Example: <img src=”http://www.echoecho.com/rainbow.gif” width=”60" height=”60">
This tag will cause my picture to look like figure 10.5:

Figure 10.5: Before Resizing

Source: http://www.echoecho.com/htmlimages03.htm

<img src=”http://www.echoecho.com/rainbow.gif” width=”120" height=”120">

Changed size dimensions make my image look like figure 10.6.

Figure 10.6: After Resizing

Source: http://www.echoecho.com/htmlimages03.htm

10.2.3 Alt and Title Tags

The Alt attribute is designed to be an alternative text description for images. Alt text displays
before the image is loaded in the browser. Alt is a required element for images and can only be
used for image tags because its specific purpose is to describe images.

In contrast, you can use the Title attribute for just about any page element like links, tables,
individual table rows, and other structural HTML elements.

Did u know? If both attributes are specified, the title tag will override the alt tag.

220 LOVELY PROFESSIONAL UNIVERSITY