2019BJFU 网站设计(孙俏-web前端开发)实验代码-181002222

实验1：老师给的图片材料忽略喵~自己设计的有图片喵~
。。。省略
实验2：
 1 <!doctype html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>icafe咖啡馆</title>
 6     <link rel="stylesheet" type="text/css" href="style.css">
 7     <link rel="icon"  type="image/x-icon" href="/images/icon.png">
 8 </head>
 9 <body>
10 
11 <div align="center">
12         <p>    <img src="images/banner.jpg"></p>
13 
14         <p>
15             <a href="#">咖啡MENU</a>|
16             <a href="cook.html">咖啡COOK</a>|
17             <a href="#">咖啡STORY</a>|
18             <a href="#">咖啡NEWS</a>|
19             <a href="#">咖啡PARTY</a>
20         </p>
21         <div id="content">
22         <h1>咖啡MENU</h1>
23 
24         <!-- 在此处插入表格 -->
25 <table>
26   <tr>
27     <td class="tablehead">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;拿铁&nbsp;&nbsp;&nbsp;卡布奇诺&nbsp;&nbsp;&nbsp;摩卡&nbsp;&nbsp;&nbsp;浓缩咖啡</td>
28   </tr>
29   <tr>
30     <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Latte&nbsp;Cappuccino&nbsp;Mocha&nbsp;Espresso</td>
31   </tr>
32   <tr>
33     <td>大杯&nbsp;35&nbsp;&nbsp;&nbsp;&nbsp;35&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;35&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;30</td>
34   </tr>
35   <tr>
36     <td>中杯&nbsp;30&nbsp;&nbsp;&nbsp;&nbsp;30&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;30&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;25</td>
37   </tr>
38   <tr>
39     <td >小杯&nbsp;25&nbsp;&nbsp;&nbsp;&nbsp;25&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;25&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;20</td>
40   </tr>
41 </table>
42         <h2>拿铁Caffè Latte</h2>
43         <p><img src="images/Latte.jpg" alt=""></p>
44         <p>这是一种传统的经典饮料——浓缩咖啡调入热牛奶，其上覆盖一层轻盈的奶沫。<br>品尝此款咖啡时，您可以选择特别加入某种口味（如香草，焦糖或杏仁口味）的糖浆。</p>
45 
46         <h2>卡布奇诺Cappuccino</h2>
47         <p><img src="images/Cappuccino.jpg" alt=""></p>
48         <p>这款咖啡沿袭传统技法，由我们技艺娴熟的咖啡吧员将手工制作的热奶与细腻奶泡轻柔地浇在浓缩咖啡之上制作而成。</p>
49 
50         <h2>摩卡Caffè Mocha</h2>
51         <p><img src="images/Mocha.jpg" alt=""></p>
52         <p>这款咖啡由醇香的摩卡酱，浓缩咖啡和蒸奶相融相合，上面覆以搅打奶油。<br>寒冷的日子里，忧伤的时光中,任何人都无法抵抗她的诱惑。</p>
53 
54         <h2>浓缩咖啡Espresso</h2>
55         <p><img src="images/Espresso.jpg" alt=""></p>
56         <p>这是咖啡的精粹，以最浓缩的方式显现。浓缩咖啡带点焦糖味道，浓厚馥郁。</p>
57     </div>
58 
59 
60     <p><a href="http://baike.baidu.com/link?url=Uc-SacWkaTo18FNeZzrqzUCNweNLTtrb7VkXIkjdtv0LD5mQZyFEBNl5usDtR8142SwspduucVEeZwMru3a8iNzDbeZSDc-pUgiVOlE4VWm">咖啡豆</a></p>
61 </div>
62 </div>
63 </body>
64 </html>