04.06.2013 Views

Head First HTML with CSS

Head First HTML with CSS

Head First HTML with CSS

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

creating an external link<br />

Linking from “elixir.html” and “directions.html”<br />

to the external style sheet<br />

Now you’re going to link the “elixir.html” and “directions.html” files just as<br />

you did <strong>with</strong> “lounge.html”. The only thing you need to remember is that<br />

“elixir.html” is in the “beverages” folder, and “directions.html” is in the<br />

“about” folder, so they both need to use the relative path “../lounge.css”.<br />

So, all you need to do is add the following element to both files:<br />

<br />

<br />

<br />

<br />

<strong>Head</strong> <strong>First</strong> Lounge Elixirs<br />

<br />

<br />

<br />

.<br />

.<br />

.<br />

<br />

<br />

<br />

<br />

<br />

<br />

<strong>Head</strong> <strong>First</strong> Lounge Directions<br />

<br />

<br />

<br />

.<br />

.<br />

.<br />

<br />

<br />

306 Chapter 8<br />

This is “elixir.html”. Just add the line.<br />

Same for “directions.html”. Add the line here.

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

Saved successfully!

Ooh no, something went wrong!