OUTPUT: FIGURE: 7.10 THE UPPER EXAMPLE DOESN’T HAVE IMAGE SPACING, AND THE LOWER EXAMPLE DOES.

OUTPUT:

FIGURE: 7.10 THE UPPER EXAMPLE DOESN’T HAVE IMAGE SPACING, AND THE LOWER EXAMPLE DOES.

NOTE

With cascading style sheets, you can control image borders, space included around images, and how text flows around images. You can also use CSS to control the properties of elements of all kinds, so I’m going to cover them in lesson 7 

IMAGES AND LINKS 

Can an image serve as a link? Sure it can! If you include an <img> tag inside a link tag (<a>), that image serves as a ink itself:

IMAGE AND LINKS

Can an image serve as link? Sure it can! If you include an <img> tag inside a link tag (<a>), that image serves as  link itself:

<a href =”index. Html”> <img src =”uparrow. Gif” alt = “up” /></a>

TIP

One thing to look out for when you’re placing images within links, with or without text, is white space between the <a/> tag and the <img> tag or between the text and the image. Some browsers turn the white space into a link, and you get and odd “tail “on you images .to avoid this unsightly problem, don’t leave so paces or line feeds between your <img> tags and <a/> tags.

By default in HTML 2.0, images that are also links appear worth borders around them to distinguish them from ordinary, noclickable images. Figure 7.11 shows an example of this. The butterfly image is a nonclikable image, so it doesn’t have a borer around it. The up arrow, which takes she visitor back to the home page, has a border around it because it’s a link.