HTML简单页面制作
一、实验目的：
1、 学习如何编写HTML文档；
2、 练习使用HTML中最基本的一些标签，如定义标题、段落及标记文字的显示格式、背景图片、图像、水平线和超链接等。
二、实验要求：
1、掌握简单页面制作，熟练使用常用标签；
2、掌握超级链接的使用；
三、实验代码以及运行结果：
（1）代码
<html>
<head>
<title>且行且珍惜</title>
</head>
<body background=QQ截图20130811003549.png>
<body>
<p align="center"><font color="black" face="汉仪柏青体简" size="35">且行且珍惜</font></p>
<pre><font color="black" size="5" face="汉仪秀英体简"><p align="center"><a href="美文插图.html">美文插图</a> <a href="划过心间的台词.html">划过心间的台词</a> <a href="创意大百科.html">创意大百科</a> <a href="镜头里的世界.html">镜头里的世界</a> <a href="999道懒人私房菜.html">999道懒人私房菜</a> <a href="冷笑话精选集.html">冷笑话精选集</a></p></font></pre>
<p align="center"><img src="向来情深 奈何缘浅.png" width="800" height="450"></p>
<p align="center"><font color="black" face="华文隶书" size="8">我们在路上</p>
</body>
</html>
<html>
<head>
<title>美文插图</title>
</head>
<body background=QQ截图20130811003549.png>
<body>
<pre>
<p align="center"><font color="black" face="汉仪柏青体简" size="35">美文插图</font></p>
<p>
<img src=1.jpg align=left alt="承诺" width=220 height=165> 2013，别忘了答应自己要做的事，别忘了答应自己要去的地方。</br></p>
<br/>
<br/>
<br/>
<p>
<img src="2.jpg" align="left" alt="生活" width=220 height=165><br> 生活其实也很简单，喜欢的就争取，得到的就珍惜，失去了就忘记。</br></p>
<br/>
<br/>
<br/>
<p><img src="3.jpg" align="left" alt="谢谢你" width="220" height="165"><br>我会珍惜那些不用我温柔提醒就主动和我说晚安的人。</br></p>
<br/>
<br/>
<br/>
<p align="center"><font color="black" face="华文隶书" size="5"> <a href="且行且珍惜.html">返回</a></p>
</pre>
</body>
</html>
<html>
<head>
<title>创意大百科</title>
</head>
<body background=QQ截图20130811003549.png>
<body>
<pre>
<p align="center"><font color="black" face="汉仪柏青体简" size="35">创意大百科</font></p>
<p>
<img src=7.jpg align=left alt="承诺" width=220 height=165>【柠檬水到底有哪些神奇功效】1，排毒。柠檬水可以排除体内有害物质、美白、排毒、清肠；2，喝柠檬水可以防治心血管疾病；3，减肥护肤。柠檬茶不仅瘦身，而且富
含维生素C，对保持皮肤张力和弹性十分有效。</br></p>
<br/>
<br/>
<br/>
<p>
<img src="9.jpg" align="left" alt="生活" width=220 height=165><br>【10招预防秋天花粉过敏】①勿在室外久留。②多喝蜂蜜、酸奶。③“全副武装”外出。④锻炼身体。⑤把家里彻底清查一遍。⑥做饭时放点生姜。⑦药物治疗。
⑧戴眼镜出门。⑨如果你在花粉指数很高的时候外出，回来后记得换上干净的衣服。⑩白天要关上门窗，以防止花粉飞人。</br></p>
<br/>
<br/>
<br/>
<p><img src="8.jpg" align="left" alt="谢谢你" width="220" height="165"><br>【创意广告】【养生谚语·饮食】①食不言，寝不语②饥不暴食，渴不暴饮③谷肉果菜，食养尽心，无使过之，伤其正之④莫吃空心茶，少食中夜饭
⑤要想身体健，食物要新鲜⑥寒从脚起，病从口入⑦贪吃贪睡，添病减岁⑧宁可锅中存放，不让肚子饱胀⑨五谷杂粮多进口，大夫改行拿锄头⑩暴食暴饮易生病，定时定量保安宁。</br></p>
<br/>
<br/>
<br/>
<p align="center"><font color="black" face="华文隶书" size="5"> <a href="且行且珍惜.html">返回</a></p>
</pre>
</body>
</html>
<html>
<head>
<title>镜头里的世界</title>
</head>
<body background=QQ截图20130811003549.png>
<body>
<pre>
<p align="center"><font color="black" face="汉仪柏青体简" size="35">镜头里的世界</font></p>
<p>
<img src=10.jpg align=left alt="承诺" width=220 height=165>
做事不必与俗同，亦不与俗异；做事不必令人喜，亦不令人憎。</br></p>
<br/>
<br/>
<br/>
<p>
<img src="11.jpg" align="left" alt="生活" width=220 height=165><br>
幸福很短，回忆却很长。</br></p>
<br/>
<br/>
<br/>
<p><img src="12.jpg" align="left" alt="谢谢你" width="220" height="165"><br>
凡是上了年纪的人，大多也就是反对的太多，商议的太久，行动的太迟，后悔的又太早。</br></p>
<br/>
<br/>
<br/>
<p align="center"><font color="black" face="华文隶书" size="5"> <a href="且行且珍惜.html">返回</a></p>
</pre>
</body>
</html>
<html>
<head>
<title>999道懒人私房菜</title>
</head>
<body background=QQ截图20130811003549.png>
<body>
<pre>
<p align="center"><font color="black" face="汉仪柏青体简" size="35">999道懒人私房菜</font></p>
<p>
<img src=13.jpg align=left alt="承诺" width=220 height=165>【韭黄肉丝炒年糕】
1. 肉丝用料酒、蚝油抓捏均匀后，倒入一些食用油拌匀腌制备用。年糕切片，韭黄清理干净后洗净切成段。
2. 热锅冷油，倒入腌制好的肉丝滑炒至表面变色。
3. 加入韭黄翻炒至韭黄变软。
4. 切好的年糕片用水冲一下。
5. 倒入小半碗水，盖上盖子焖煮2到3分钟，即可出锅。</br></p>
<br/>
<br/>
<br/>
<p>
<img src="14.jpg" align="left" alt="生活" width=220 height=165><br> 【鱼香茄子煲】
1、茄子洗净切条，葱、蒜切好；锅内放油，烧至8分热，茄子炸成金黄色，取出沥油；
2、把醋、老抽、盐、料酒、白糖和淀粉调成鱼香汁备用；
3、锅中留底油，倒入豆瓣辣椒酱煸出红油，放葱蒜炒香；
4、放入肉末，翻炒变色，再放入茄子翻炒；
5、倒入鱼香汁，待汤汁收到浓稠即可。
</br></p>
<br/>
<br/>
<br/>
<p><img src="15.jpg" align="left" alt="谢谢你" width="220" height="165"><br>【小土豆炖排骨】
1、排骨洗净后，用料酒浸泡20分钟后再次冲洗，沥干水分。小土豆洗净去皮。
2、热锅下油，排骨煎至微黄。
3、爆香葱姜蒜、干红椒、八角、香叶、桂皮，同时下入冰糖翻炒。
4、加排骨和小土豆翻炒，加料酒、生抽、老抽加热水炖至熟透。
5、加盐，小火炖至食材软烂，收汁即可。</br></p>
<br/>
<br/>
<br/>
<p align="center"><font color="black" face="华文隶书" size="5"> <a href="且行且珍惜.html">返回</a></p>
</pre>
</body>
</html>
<html>
<head>
<title>冷笑话精选集</title>
</head>
<body background=QQ截图20130811003549.png>
<body>
<pre>
<p align="center"><font color="black" face="汉仪柏青体简" size="35">冷笑话精选集</font></p>
<p>
<img src=16.jpg align=left alt="承诺" width=220 height=165>
搭讪就是这么简单。。。</br></p>
<br/>
<br/>
<br/>
<p>
<img src="17.jpg" align="left" alt="生活" width=220 height=165><br>
钱包与女朋友，又见神回复……</br></p>
<br/>
<br/>
<br/>
<p><img src="18.jpg" align="left" alt="谢谢你" width="220" height="165"><br>
柯基犬：不跟你们这群大长腿玩！</br></p>
<br/>
<br/>
<br/>
<p align="center"><font color="black" face="华文隶书" size="5"> <a href="且行且珍惜.html">返回</a></p>
</pre>
</body>
</html>
（2）运行结果
四、实验心得
今天是WEB第一次上机，之前没有学过WEB这种，但是因为自学了PS等美工，对这方面很感兴趣，所以做实验的时候很专注，希望把网站做的美美的，花了很多时间也觉得很值得。希望自己能学的好一点，可以往网络美工这方面发展吧。很开心学WEB！^_^