Head First HTML with CSS

Fixing up the myPod HTML
Once you’ve saved the image, you can quit out of Photoshop Elements. Now all you need to do is
change the myPod “index.html” page to include the new version of the photo, “seattle_med.jpg”.
Here’s a snippet of the “index.html” file, showing only the parts you need to change.
myPod
body { background-color: #eaf3da;}
.
.
.
Seattle, Washington
Me and my iPod in Seattle! You can see rain clouds and the
Space Needle. You can’t see the 628 coffee shops.
adding images to your web pages
And now for the test drive...
Go ahead and make the changes, save them, and
reload “index.html” in your browser. Things
should look much better. Now the image is sized
just right to give your visitors a good view – without
overwhelming them with a large photo.
The rest of the HTML goes here. You’ve
already got it in your “index.html” file.
All you need to do is change the
filename in the element to
the name of the image you just
made: “seattle_med.jpg”.
Now the image fits nicely in the browser window.
you are here 191