HTML and CSS Reference
In-Depth Information
Linking from “elixir.html” and “directions.html”
to the external stylesheet
Now you're going to link the “elixir.html” and “directions.html” files just
as you did with “lounge.html”. The only thing you need to remember is
that “elixir.html” is in the “beverages” folder, and “directions.html” is in the
“about” folder, so they both need to use the relative path “../lounge.css”.
So, all you need to do is add the following
<link>
element to both files:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Head First Lounge Elixirs
</title>
<link type="text/css" rel="stylesheet" href="../lounge.css">
</head>
<body>
.
.
.
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
Head First Lounge Directions
</title>
<link type="text/css" rel="stylesheet" href="../lounge.css">
</head>
<body>
.
.
.
</body>
</html>
