本文主要是介绍《HTML5与CCS3网页设计基础》案例2---JavaJam Coffee House，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
本例子来源于《HTML5与CCS3网页设计基础》（第2版）
第二章案例学习的第二个例子。
这部书相对比较基础，适合前端入门，由于翻了书上的学习案例资料链接不是无效就是网盘过期什么的，所以决定在自己博客中记录下整个学习案例的工程。PS:博客开了好久都没去更新！不行不行。。
将从第二章开始，不断对案例更新，案例有两个,分别是Pacific Trails Resort跟 JavaJam Coffee House。
《JavaJam Coffee House》
第二章
1、index.html
代码部分：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JavaJam Coffee House</title>
</head>
<body>
<header><h1>JavaJam Coffee House</h1>
</header>
<nav><a href="idnex.html">Home </a> <a href="Menu.html">Menu</a> <a href="Music.html">Music</a> <a href="Jobs.html">Jobs</a>
</nav>
<div><ul><li>Specialty Coffee and Tea</li><li>Banels,Muffns,and organic Snacks</li><li>Music and Poetry Readings</li><li>Open Mic Night Every Fridy Night</li></ul><div>54321 Route 42<br>Ellison Bay 54210<br>1-888-555-5555<br><br></div></div>
<footer><small><i>Copyright ©2016 Javajam Coffee House</i></small><br><a href="mailto:hjh1170459853@qq.com">hjh1170459853@qq.com</a>
</footer>
</body>
</html>
代码部分：
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JavaJam Coffee House Menu</title>
</head>
<body>
<header><h1>JavaJam Coffee House</h1>
</header>
<nav><a href="idnex.html">Home </a> <a href="Menu.html">Menu</a> <a href="Music.html">Music</a> <a href="Jobs.html">Jobs</a>
</nav>
<div><dl><dt><strong>Just Java</strong></dt><dd>Regular House Blend, decaffienated coffee, or flavor of the day.<br>Endless Cup $2.00</dd><dt><strong>Cafe Au Lait</strong></dt><dd>House blended coffee infused into a smooth, steamed milk.<br>
Single $2.00 Double $3.00</dd><dt><strong>Iced Cappuccino</strong></dt><dd>Sweetened expresso blended with icy-cold milk and served in a chilled glass.<br>
Single $4.75 Double $5.75</dd></dl>
<footer><small><i>Copyright ©2016 Javajam Coffee House</i></small><br><a href="mailto:hjh1170459853@qq.com">hjh1170459853@qq.com</a>
</footer></body>
</html>这篇关于《HTML5与CCS3网页设计基础》案例2---JavaJam Coffee House的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
