HTML and CSS Reference
In-Depth Information
Linking to Caffeine Buzz
Open your Starbuzz “index.html” file in the “chapter4/starbuzz” folder, and scan down to
the bottom. Let's add two new links: a relative link to the mission statement in
“mission.html”, and a link to Caffeine Buzz. Make the changes below, then save and load
your “index.html” file in your browser. Click on the link and enjoy the Caffeine Buzz.
<html>
<head>
<title>
Starbuzz Coffee
</title>
<style type="text/css">
body {
background-color: #d2b48c;
margin-left: 20%;
margin-right: 20%;
border: 2px dotted black;
padding: 10px 10px 10px 10px;
font-family: sans-serif;
}
</style>
</head>
<body>
<h1>
Starbuzz Coffee Beverages
</h1>
<h2>
House Blend, $1.49
</h2>
<p>
A smooth, mild blend of coffees from Mexico,
Bolivia and Guatemala.
</p>
<h2>
Mocha Cafe Latte, $2.35
</h2>
<p>
Espresso, steamed milk and chocolate syrup.
</p>
<h2>
Cappuccino, $1.89
</h2>
<p>
A mixture of espresso, steamed milk and foam.
</p>
<h2>
Chai Tea, $1.85
</h2>
<p>
A spicy drink made with black tea, spices,
milk and honey.
</p>
<p>
<a href="mission.html">
Read about our Mission
</a>
.
<br>
Read the
<a href="http://wickedlysmart.com/buzz">
Caffeine Buzz
</a>
.
</p>
</body>
</html>