《HTML5与CCS3网页设计基础》案例2---JavaJam Coffee House

最新推荐文章于 2021-06-16 07:58:52 发布

Strenghthen

最新推荐文章于 2021-06-16 07:58:52 发布

阅读量3.6k

点赞数 3

分类专栏： Web前端文章标签： ccs html5 前端案例网页设计

本文链接：https://blog.csdn.net/Strenghthen/article/details/51909049

版权

Web前端专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本例子来源于《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 &copy;2016 Javajam Coffee House</i></small><br>
		<a href="mailto:hjh1170459853@qq.com">hjh1170459853@qq.com
	</a>
</footer>	
</body>
</html>

2、Menu.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 &copy;2016 Javajam Coffee House</i></small><br>
		<a href="mailto:hjh1170459853@qq.com">hjh1170459853@qq.com
	</a>
</footer>
	
</body>
</html>

相关文章： http://book.51cto.com/art/201106/272052.htm

Strenghthen

关注

3
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
《HTML5与CCS3网页设计基础》案例2---JavaJam Coffee House

本例子来源于《HTML5与CCS3网页设计基础》（第2版）第二章案例学习的第二个例子。这部书相对比较基础，适合前端入门，由于翻了书上的学习案例资料链接不是无效就是网盘过期什么的，所以决定在自己博客中记录下整个学习案例的工程。PS:博客开了好久都没去更新！不行不行。。将从第二章开始，不断对案例更新，案例有两个,分别是Pacific Trails Resort跟Ja
复制链接

扫一扫