HTML, XHTML, & CSS All-in-One For Dummies®, 2nd Edition

Chapter 6. Adding Images

In This Chapter

• Understanding the main uses of images

• Choosing an image format

• Creating inline images

• Using IrfanView and other image software

• Changing image sizes

• Modifying images with filters

You have the basics of text, but pages without images are . . . well, a little boring. Pictures do a lot for a Web page, and they're not that hard to work with. Still, you should know some things about using pictures in your pages. In this chapter, you get all the fundamentals of adding images to your pages.

Adding Images to Your Pages

Every time you explore the Web, you're bound to run into tons of pictures on just about every page you visit. Typically, images are used in four ways on Web pages:

• External link: The page has text with a link embedded in it. When the user clicks the link, the image replaces the page in the Web browser. To make an externally linked image, just make an ordinary link (as I describe in Chapter 5 of this minibook) but point toward an image file, rather than an HTML (HyperText Markup Language) file.

• Embedded images: The image is embedded into the page. The text of the page usually flows around the image. This is the most common type of image used on the Web.

• Background images: An image can be used as a background for the entire page or for a specific part of the page. Images usually require some special manipulation to make them suitable for background use.

• Custom bullets: With CSS, you can assign a small image to be a bullet for an ordered or unordered ...