东华大学计算机学科与技术学院
https://www.doczj.com/doc/2917239358.html, Web应用程序开发
实验报告一
实验名称： https://www.doczj.com/doc/2917239358.html, Web应用程序开发实验一
专业：软件工程
学号： ** 姓名： ** 成绩：
*年 * 月 2* 日
一．实验目的
1.熟悉HTML文档的基本结构
2.掌握建立HTML网页的方法
3.熟悉HTML文档的主要标记：文字和段落标记，超链接，列表，表格，表单
二．实验内容
说明：
1.建立一个HTML页面如下图所示：
2.在题目1的HTML文档中另起一个段落，内容如下：“HTML是Web页面的标记语言。”。格式为：字体颜色：红色；黑字体，文字下面加下划线。如图所示：
3.在题目2的内容中，加入超链接，如下图：
4.修改3题的代码，使得点击超链接时在新的网页中打开网站。
5.作一个HTML页面如下图所示：
6.制作一个列表如下图所示：
7.将6题中的表格进行如下修改：表格背景色：黄色；表头文字居中对齐，表格文字右对齐；表头文字：红色；
8.制作一个列表如下：
9.制作如下列表
PS：(此处不知道为什么会多一行以及如何从b开始）10.制作一个简单的登录界面：
11.制作一个表单，如下所示：
12.综合实验：制作一个简单的静态网站。网站首页命名为“index.html”首页如下所示：
1)将所有图片放在“image”文件夹中
2)点击pond1.html显示如下图：
3)点击pond2.html如下图所示
4)点击pond3.html显示如下：
其中，点击每幅图片，会在当前的网页显示大图。比如，点击第一个图，会在当前网页显示下图：
三．实验总结
工作量略大，在下有些吃不消了，不过确实受益匪浅