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.
No comments:
Post a Comment