3.打开该文件，可以看到程序运行结果。如果需要调试修改，只要把文件的后缀改回.txt即可。
实验预估时间
30分钟
实验结果
1．请将所有的实验结果文件和此实验报告一起打包。
2．将实验代码和结果的截图粘贴到下面的空白处：
实验代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<p align="left"> </p>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
实验报告
实验
报告书
名称
实验2-1HTML文档链接
姓名
指导教师
学号
日期
任务清单
实验内容
建立3个HTML文档，相互之间存在文档链接。要求：
1、第1个文档命名为file1，在中间建立一个大标题“欢迎访问东南大学成贤学院！”，采用系统默认的1号字体。给这个大标题建立到学校主页的链接。接下来显示出下面2段文本：
学院坐落于东南大学浦口校区，占地1200亩，建筑面积30万平方米。学院共设有6个党政管理部门：党政办、组织人事部、财务与资产管理部、学生工作部、教学部、后勤管理部；3个直属机构：教育技术中心、图书档案馆、电工电子实验中心；9个系(部)：<a href="/">土木工程系</a>、<a href="/">机械工程系</a>、<a href="/">建筑艺术系</a>、<a href="/">电子工程系</a>、<a href="/">电气工程系</a>、<a href="/">计算机工程系</a>、<a href="/">经济管理系</a>、<a href="/">化工与制药工程系</a>、<a href="/">基础部</a>。开设专业31个(含专业方向)，在校生9235名，全院教职工数总计627人，专任教师438人，其中，副高以上职称的198人。</span> </p>
在上述文本的下一行建立一个到file1的链接“返回”，用来返回到file1。要求“返回”这个字符串居中，字体加粗。
实验步骤
1.使用计算机自带的文本编辑器（附件-记事本），新建一个文本文件（.txt）,命名为“HTML链接”。
2.打开文本文件，输入自己编写的HTML语言代码，保存编写好的文件，关闭文件，将文件的后缀名改为“.html”。
<div align="center">
<ul>
<font size="30">院系设置</font>
<li>
<i><font color="blue" size="5"><b>计算机学院</b></font>
<!--
.STYLE1 {
color: #0000FF;
font-size: xx-large;
}
.STYLE2 {
color: #000000;
font-size: 18px;
}
.STYLE3 {
font-size: 18px;
font-weight: bold;
color: #000000;
}
-->
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
.STYLE4 {font-size: 18px}
-->
</style>
</head>
<body>
<h1 align="center"><a href="http://211.65.40.18/">欢迎访问东南大学成贤学院</a></h1>
<p> <span class="STYLE4">东南大学成贤学院是东南大学用全新的办学理念和运行模式举办的独立学院，培养普通全日制本科学生；学院具有独立法人资格、独立校园、实行相对独立的教学管理。<br />
</head>
<body>
<div align="center">
<p clபைடு நூலகம்ss="STYLE1">独立学院简介</p>
<p align="left" class="STYLE2"> 根据《独立学院设置与管理办法》，独立学院，是指实施本科以上学历教育的普通高等学校与国家机构以外的社会组织或者个人合作，利用非国家财政性经费举办的实施本科学历教育的高等学校。独立学院是民办高等教育的重要组成部分，属于公益性事业。</p>
2、第2个文档命名为file2，file2的大标题为“东南大学简介”，居中显示，使用系统默认的最大号字体，字体为蓝色。
file2的文档内容为：
东南大学是中央直管、教育部直属的全国重点大学，是“985工程”和“211工程”重点建设的大学之一。学校坐落于历史文化名城南京，占地面积6300多亩，建有四牌楼、九龙湖、丁家桥等校区。
给上面文本中的“土木工程系、机械工程系、建筑艺术系、电子工程系、电气工程系、计算机工程系、经济管理系、化工与制药工程系”按照系分别建立到学校网站上相应系部的链接。
在上面的文本中的开始句子“东南大学成贤学院是东南大学用全新的办学理念和运行模式举办的独立学院”中建立两个链接：首先给的关键字“东南大学”建立到file2的链接；再给关键字“独立学院”建立到file3的链接。
在上述文本的下一行建立一个到file1的链接“返回”，用来返回到file1。要求“返回”这个字符串居中，字体加粗。
3、第3个文档命名为file3，file3的大标题为“独立学院简介”，居中显示，使用系统默认的最大号字体，字体为红色。
file3的文档内容为：
根据《独立学院设置与管理办法》，独立学院，是指实施本科以上学历教育的普通高等学校与国家机构以外的社会组织或者个人合作，利用非国家财政性经费举办的实施本科学历教育的高等学校。独立学院是民办高等教育的重要组成部分，属于公益性事业。
<p class="STYLE3"><a href="file1.html">返回</a> </p>
</div>
</body>
</html>
结果截图：
报告书
名称
实验2-2 HTML文档列表
姓名
指导教师
学号
日期
任务清单
实验内容
在一个HTML文件里建立无序列表和有序列表，要求
1、首先建立一个无序列表“院系设置”包含了3个列表项目“计算机学院”“人文学院”“外国语学院”3个项目的名字都要求字体加粗显示，采用系统提供的1号字体；
<!--
.STYLE1 {
font-size: xx-large;
