Head First HTML with CSS

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.
Starbuzz Coffee
body {
background-color: #d2b48c;
margin-left: 20%;
margin-right: 20%;
border: 1px dotted gray;
padding: 10px 10px 10px 10px;
font-family: sans-serif;
}
Starbuzz Coffee Beverages
House Blend, $1.49
A smooth, mild blend of coffees from Mexico,
Bolivia and Guatemala.
Mocha Cafe Latte, $2.35
Espresso, steamed milk and chocolate syrup.
Cappuccino, $1.89
A mixture of espresso, steamed milk and foam.
Chai Tea, $1.85
A spicy drink made with black tea, spices,
milk and honey.
Read about our Mission
Read the Caffeine Buzz
And we’ve added some structure
here by grouping the links and
text into a paragraph.
Here’s where we’ve
added the link to the
buzz.headfirstlabs.com page.
getting connected
Here’s the link to the “mission.
html” file. This uses a
relative path to link to
“mission.html”. We added a to
put the links on two
different lines.
you are here 145