资料来源“中国大学慕课”
一．作业目的
通过本作业掌握HTML标记的综合使用方法，学会使用HTML设计一个简单的网页。要求至少使用5种标记以上，最好用到表格或者框架标记。
二．基本原理
用HTML 制作一个简单的网页的过程：
（1）用任何文本编辑器（Windows 的写字板、记事本、Microsoft Word或专业的文本编辑器等）输入HTML标记文本；
（2）以纯文本格式保存为*.HTML文件；
（3）启动浏览器，打开该文件或在地址栏中直接输入存放该文件的地址，就会看到相关的网页画面。
三．实现的步骤
（1）将需要的图像和链接页面存放在指定的文件夹内，以便下面写的HTML文档调用。
（2）在文本编辑器中输入下列文本：
<html>
<head>
<title>缺缺的博客学习交流站</title>
</head>
<body background="bg.jpg">
<table border="0" width="100%" id="table1" height="491">
<tr>
<td colspan="5" height="53">
<p align="center"><font size="7" face="华文行楷" color="#993300">缺缺的博客学习交流站</font></td>
</tr>
<tr>
<td colspan="5" height="33"> <HR noShade SIZE=1 width="100%" color=#B467F6> </td>
</tr>
<tr>
<td height="19" width="20%" align="center"><a href="1.htm">
<font size="5" face="隶书" color="#800000">本站首页</font></a></td>
<td height="19" width="20%" align="center"><a href="1.htm">
<font size="5" face="隶书" color="#800000">学习交流</font></a></td>
<td height="19" width="20%" align="center"><a href="1.htm">
<font size="5" face="隶书" color="#800000">课件共享</font></a></td>
<td height="19" width="20%" align="center"><a href="1.htm">
<font size="5" face="隶书" color="#800000">作品欣赏</font></a></td>
<td height="19" width="20%" align="center"><a href="1.htm">
<font size="5" face="隶书" color="#800000">联系我们</font></a></td>
</tr>
<tr>
<td width="14%" height="163"> </td>
<td width="40%" colspan="3" height="163">
<p align="left"> </p>
<p align="left"> <i><b>
<font size="5" face="华文新魏">大家好！我是缺缺，欢迎来到本站。</font></b></i></p>
<p align="left"><i><b><font size="5" face="华文新魏">
这个小站旨在加强我们同学间的沟通，特别是学习方面的交流，以达到互相帮助、互相促进的目的。同实欢迎大家提出宝贵意见，同时更希望大家把自己在计算机方面的电子作品不吝共享哦！</font></b></i></p>
<p align="left"><i><b><font size="5" face="华文新魏">
祝大家开开心心！</font></b></i></td>
<td width="13%" height="163"> </td>
</tr>
<tr>
<td width="8%"> </td>
<td width="36%" colspan="3">
<p align="center"> </p>
<p align="center"><font size="2" color="#FFFFFF">联系电话：3862216 E-MAIL:
[email protected]<br>
BEST VIEW 1024*768</font></td>
<td width="23%"> </td>
</tr>
</table>
</body>
</html>
四．得到的结果分析
五、体会或对改进作业的建议
1.网页中的背景色与字体颜色相近，应该近一步加深对比度，效果会更好。
2.网页中缺少动态元素。
