04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Turning the thumbnails into links<br />

You’re almost there. Now you just need to create a link from each<br />

thumbnail image to its larger version. Here’s how this is going to work:<br />

A visitor sees a thumbnail they like,<br />

say the downtown iPod thumbnail...<br />

To do this you need two things:<br />

1<br />

2<br />

Click<br />

...the visitor clicks<br />

on the thumbnail...<br />

The visitor can click<br />

the back button<br />

to get back to the<br />

myPod page.<br />

A page to display each photo along <strong>with</strong> a<br />

heading that describes its content.<br />

A link from each thumbnail in “index.html”<br />

to its corresponding photo page.<br />

Let’s create the pages first, and then we’ll come back and<br />

finish off the links.<br />

adding images to your web pages<br />

...the browser retrieves<br />

a new page <strong>with</strong> the<br />

large image...<br />

...and displays it.<br />

you are here 199

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!