ADDING IMAGES,COLOR, AND BACKGROUNDS. INPUT

<hr/>

<p> <a href =” replacing, html”><img src =”next.gif” border =”0” alt =”next” /> </a>

On to “Gapping the new plugs “br/>

<a href =” ready. Html “><img src =”back. Gif” border =”0” alt =”back”/> </a>

<a href =” index. Html”> <img src=”uparrow.gif” border=”0” alt =”up” /></a>

Up to index

</p>

See figure 7.16 for the final menu.

OUTPUT FIGURE 7.16 THE BASIC APGE WITH ICONIC LINKS AND TEXT. 

ADDING IMAGES,COLOR, AND BACKGROUNDS. Input

<a href = “replacing. Html”> <img src =”next. Gif” alt =”net”/> </a>

<href=” ready. Html”> <img src =”back. Gif” alt =”back” /> </a>

<a href = “index. Html”> <img scr =”up-arrow. Gif” alt =”up” /> </a>

Figure 7.15 shows the result of this addition

.

When you click the icons now, the browser jumps to the linked page just as it would have if you had used text links.

OUTPUT

FIGURE 7.15 THE BASIC PAGE WITH ICONIC LINKS.

Speaking of text, are the icons usable enough as they are? How about; adding some text describing exactly what’s on the other side of each link? You can add this text inside or outside the anchor, depending on whether you want the text to be a hot spot for the link as well. Here, include it outside the link so that only the icon also can align the bottoms of the text and the icons using the align attribute of the <img> tag. Finally, because the extra text causes the icons to move onto two lines, arrange each one on its online instead: 

LESSON 7: ADDING IMAGES, COLOR, AND BACKGROUNDS.

 If you’ve been struggling to keep up with all the HTML tags I’VE been flinging at you the least couple of day, this lesson will be easier.

IN THIS LESSON

In fact, in this lesson you won’t be learning very many new HTML tags. Instead, you’ll learn about h own to add images to you pages and change the color of elements on a page. In particular. You’ll learn the following:

·         The kinds of images you can use in web pages

·         How to include images on your web page, either alone or alongside text.

·         How to use images as clickable links

·         How to set up and assign links to regions of images using client-side image maps

·         How to provide alternatives for browsers that can’t view images

·         How to change the font and background colors on you web page.

·         How to use images for tiled page backgrounds

·         How and when to use images on your web pages

·         A few tips on image etiquette.

         After this lesson, you’ll know all you need to know about adding images to your web pages.