文档介绍：《》实验指导书
（适用于计算机科学与技术、网络工程专业、软件工程专业）
计算机科学与工程学院
软件教研室
2011-10
实验1 HTML网页制作
一、 目的与要求
掌握HTML常用网页标记的使用。
掌握表格的建立方法。
掌握表单的建立方法。
二、 实验环境
任何一个文本编辑器、IE或者其它网页浏览器
三、 内容和步骤
【实验题1】在网页上创建一个课表。
步骤如下。
打开记事本，输入如下代码，： <html>
<HEADxTITLE > 表格标记应用 v/TITLE>v/HEAD>
<BODY>
<TABLE border ID=”Tablel”>
<CAPTION>
课表 v/CAPTION>
<TR>
<TH>
节次 <7THxTH > 星期一 </THxTH > 星期二 v/TH>
<TH>
星期三</THxTH >星期四v /THxTH >星期五v/TH>
</TR>
<TR>
VTD>1、2</TD>
vTD>专业英语</TD>
vTD>操作系统</TD>
vTD>网络基础</TD>
vTD>专业英语</TD>
vTD>数据库</TD>
</TR>
<TR>
vTD>3、4</TD>
<TD>J ava</TD>
vTD>数据库</TD>
vTD> 实验 v/TD>
<TD>J ava</TD>
vTD>操作系统</TD>
</TR>
<TR>
<TD>5> 6</TD>
vTD>网络基础</TD>
vTD> 实验 v/TD>
vTD> 实验 v/TD>
vTD> 实验 v/TD>
vTD>操作系统</TD>
</TR>
</TABLE>
</BODY>
</html>
通过浏览器打开该文件，得到该程序的执行结果，如图1-1所示。
课表
节次
星期一
星期二
星期三
星期四
星期五
1, 2
专业英语操作系统
网络基础
专业英语数据库
3、4
Java
数据库
实验
Java
操作系统
5、6
网络基础
实验
操作系统
图1-1 “课表”网页运行结果
【实验题2】创建一个新用户注册的表单。
步骤如下。
打开记事本或其它文本编辑工具，添加如下代码，并以testl-;
<HTMLxHEADxTITLE > 新用户注册 </TITLEx/HEAD>
<BODY bgcolor="#0099ff">
<FORM action="" method="post">
<H3>新用户注册</H3>
姓 名：〈INPUT type="text" id="姓名"name="姓名"><BR>
性 另U： <SELECT size="l" name="usersex" tabindex="5" ID="Selectl">
<OPTION selected value="男"〉男 </OPTION>
<OPTION value="女"〉女 </OPTION>
</SELECT>
<BR>
地 址：〈INPUT type="text" id="地址"name="地址,><BR>
邮政编码：<INPUT type="text" id= "邮政编码"name="邮政编码"><BR>
电 话：〈INPUT type="text" id="电话"name="电话"><BR>
电子邮件：<INPUT type="text" id="电子邮件"name="电子邮件"><BR>
个人爱好：<BR>
<INPUT type=HcheckboxH name=ncheckboxn value="cheekbox"
ID=”Checkboxl”> 体育
<INPUT type="checkbox" name=ncheckboxn value="checkboxn ID=HCheckbox2n>音乐vBR>
<INPUT type= "checkbox" name= "checkbox" value="checkbox"
ID="Checkbox3"> 上网 vINPUT type="checkbox" name="checkboxH value="checkbox" ID=nCheckbox4n> 旅游 v BR>
<BR>
<PxINPUT type=nsubmitH id=nbtnSubn name=nbtnSubn value=n注册”〉<INPUT type="resetn Value=H重写"name=nB2n tabi