Learning Web Design Third Edition- P14:Everything you need to know to create professional web sites is right here. Learning Web Design starts from the beginning defining how the Web and web pages work and builds from there. By the end of the book, you'll have the skills to create multi-column CSS layouts with optimized graphic files, and you'll know how to get your pages up on the Web. | The img Element need to be named with the proper suffixes .gif .jpg or .jpeg and .png respectively in order to be recognized by the browser. Browsers use the suffix to determine how to display the image. If you have a source image that is in another popular format such as TIFF BMP or EPS you ll need to convert it to a web format before you can add it to the page. If for some reason you must keep your graphic file in its original format you can make it available as an external image by making a link directly to the image file like this a href Get the drawing a Decorative Images Move on Back Images that are used purely for decoration have more to do with presentation than document structure and content. For that reason they should be controlled with a style sheet rather than the X HTML markup. Using CSS it is possible to place an image in the background of the page or in any text element a div hi li you name it . These techniques are introduced in Chapters 13 and 19 of this book. There are several benefits to specifying decorative images only in an external style sheet and keeping them out of the document structure. Not only does it make the document cleaner and more accessible it also makes it easier to make changes to the look and feel of a site than when presentational elements are interspersed in the content. For inspiration on how visually rich a web page can be with no img elements at all see the CSS Zen Garden site at . com. Browsers use helper applications to display media they can t handle alone. The browser matches the suffix of the file in the link to the appropriate helper application. The external image may open in a separate application window or within the browser window if the helper application is a plug-in such as the QuickTime plug-in. The browser may also ask the user to save the file or open an application manually. Without further ado let s take a look at the img element and its required and recommended .
