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.
<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;
<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.
<a href="mission.html"> Read about our Mission </a> .
Read the <a href=""> Caffeine Buzz </a> .
Search WWH ::

Custom Search