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.

Exercise<br />

Linking into a page<br />

Open your Starbuzz “index.html” file and add a title to the link to<br />

“mission.html” <strong>with</strong> the text “Read more about Starbuzz Coffee’s<br />

important mission”. Notice that we didn’t make the mission link’s label<br />

as concise as it should be. Shorten the link label to “our Mission”.<br />

Check the back of the chapter for the answer, and test your changes.<br />

Great job on the links. I’d<br />

really like for people to link<br />

directly to the coffee section<br />

of the Buzz site. Is that<br />

possible?<br />

So far, whenever you’ve linked to another page, the page loads<br />

and your browser displays it from the top.<br />

But, the CEO’s asking you to link into a particular spot in the page:<br />

the Coffee section.<br />

Sound impossible? Come on, this is <strong>Head</strong> <strong>First</strong> – we’ve got the<br />

technology. How? Well, we haven’t told you everything about the<br />

element yet. Turns out the element can play two roles:<br />

you’ve already seen it act as the jumping off point for traveling<br />

from one page to another, but it can also act as a landing point or<br />

destination of a link.<br />

getting connected<br />

you are here 151

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

Saved successfully!

Ooh no, something went wrong!