Using Graphics in Web Pages HTML 1 Graphic File Types . .gif . .jpg (or .jpeg) . .png - not yet supported by all browsers, but OK to use . file names - no spaces, all lower case . do not change extension unless you do it with the proper software . industry standard is to separate images from html files - put all images in an images folder .gif . 256 color palette . used for simple graphics . features can include: . animations - simple ones . interlacing - appears gradually . transparency - no background color .jpg (or .jpeg) . millions of colors possible . used for photographs and other high-end art work Where do you get images? . See class web site for links to free sites . Create your own - large undertaking . Careful with extensions - canÕt change them without proper software . Don't link to graphics located elsewhere . Goal - no graphic more than 80 KB, no page refers to more than 100 KB Attributes used with img tag . src="filename.jpg" . alt="short, descriptive text" - required for strict validation . title="short, descriptive text" - for browsers that don't display alt value . height, width - not used yet, HTML editor will place them automatically elephant

Linking with Graphics . Surround image tag with link tag -