实验1HTML网页制作.docVIP

南京信息工程大学实验（实习）报告 实验（实习）名称? HTML网页制作 ?实验（实习）日期? ??得分? ??指导教师?陈 遥 系 计算机 ?专业 网络工程 ?年级?2009?班次?1班?姓名?孙霞?学号? 20092346006 ? 一、目的与要求： 1. 掌握HTML常用网页标记的使用。 2. 掌握表格的建立方法。 3. 掌握表单的建立方法。 二、实验环境 ： 任何一个文本编辑器、IE或者其它网页浏览器 三、内容和步骤： 【实验题1】在网页上创建一个课表。 步骤如下。 1. 打开记事本，输入如下代码，并以testl_1.html为文件名保存该文件： html HEADTITLE表格标记应用/TITLE/HEAD BODY TABLE border ID=Table1 CAPTION 课表/CAPTION TR TH 节次/THTH星期一/THTH星期二/TH TH 星期三/THTH星期四/THTH星期五/TH /TR TR TD1、2/TD TD专业英语/TD TD操作系统/TD TD网络基础/TD TD专业英语/TD TD数据库/TD /TR TR TD3、4/TD TDJava/TD TD数据库/TD TD实验/TD TDJava/TD TD操作系统/TD /TR TR TD5、6/TD TD网络基础/TD TD实验/TD TD实验/TD TD实验/TD TD操作系统/TD /TR /TABLE /BODY /html 2. 通过浏览器打开该文件，得到该程序的执行结果，如图l-1所示。 图1-l “课表”网页运行结果 【实验题2】创建一个新用户注册的表单。 步骤如下。 1. 打开记事本或其它文本编辑工具，添加如下代码，并以testl-2.html为文件名保存该文件； HTMLHEADTITLE新用户注册/TITLE/HEAD BODY bgcolor=#0099ff FORM action=userreg.aspx method=post H3新用户注册/H3 姓 名：INPUT type=text id=姓名 name=姓名BR 性 别：SELECT size=l name=usersex tabindex=5 ID=Select1 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=checkbox name=checkbox value=cheekbox ID=Checkbox1体育 INPUT type=checkbox name=checkbox value=checkbox ID=Checkbox2音乐BR INPUT type=checkbox name=cheekbox value=checkbox ID=Checkbox3上网 INPUT type=checkbox name=checkbox value=checkbox ID=Checkbox4旅游BR BR PINPUT type=submit id=btnSub name=btnSub value=注册 INPUT type=reset Value=重写 name=B2 tabindex=9 ID=Reset1/P /FORM P align=centerA href=index.htm返回/A/P /BODY /HTML 2. 通过浏览器打开该文件，得到该程序的运行结果，如图1-2所示。 图1-2 “新用户注册”运行结果 四、思考与练习 1. 网页的基本语法格式是什么?包含了哪些内容? 答：基本结构HTML,表示该文件为HTML文件HEAD,包含文件的标题,使用的脚本,样式定义等TITLE---/TITLE,包含文件的标题,标题出现在浏览器标题栏中/HEAD,HEAD的结束标志BODY,放置浏览