Web Development and Design Foundations with XHTML, 5th Edition

Go to the end of the

book for a full color

version of this figure

4.3 Using Graphics^135

Figure 4.16
The new Trillium Home page with a logo banner

Launch a text editor and open starter3.html in the Chapter4 folder.

Configure the image as follows:

Replace the text contained between the <h1>opening and closing tags. Code an

<img />element to display trilliumbanner.jpg in this area. Remember to include

thesrc,alt,height, and widthattributes. Sample code follows:

<img src="trilliumbanner.jpg" alt="Trillium Media Design"

width="700" height="86" />

HANDS-ON PRACTICE 4.3

In this Hands-On Practice you will place a graphical logo banner on a Web page.

Create a new folder called trilliumch4. The graphic used in this Hands-On Practice is

located in the student files: Chapter4/starters folder. Save trilliumbanner.jpg file in your

trilliumch4 folder. A starter version of the Trillium Media Design Home page is ready

for you in the student files. Save the chapter4/starter3.html file to your trilliumch4

folder. Launch a browser to display the starter3.html Web page—notice a monochro-

matic green color scheme has been configured with CSS. When you are finished with

this Hands-On Practice, your page will look similar to the one shown in Figure 4.16—

with a logo banner.