Web实验报告正文.doc

本科实验报告 课程名称： web程序设计基础A 实验项目：HTML语言，网页程序设计-JavaScript Request与Response对象的应用，Application对象Session对象 实验地点： 逸夫楼502 专业班级： 软件1219 学号： 2012005499 学生姓名： 冯鑫 指导教师： 王娜 2014年11月12日 实验一 HTML语言 一、实验目的1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单网页。 二、实验要求1．独立完成实验 2．书写实验报告书 三、实验内容1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 源程序清单如下： head titleExample/title //设置该HTML文本的标题 /head body bgcolor=#00DDFF//设置背景颜色 h1BIFONT COLOR=#FF00FF//H1字体 加粗 倾斜 设置颜色 MARQUEE BGCOLOR= #FFFF00 direction=left behavior=alternatewelcome to you/MARQUEE//设置滚动字条的 颜色 滚动方式 /FONT/I/B/h1 hr h2 align=centerFONT COLOR=#0000FFA simple HTML document/FONT/h2 EMWelcome to the world of HTML/EM//H2字体 居中显示 pThis is a simple HTML document.It is to give you an outline of how to write HTML file and how theb markup tags/b work in the IHTML/I file/p pFollowing is three chapters ul liThis is the chapter one/li//列表显示 标签一 liA HREF=#itemThis is the chapter two/A/li//列表显示 标签二 liThis is the chapter three/li//列表显示 标签三 /ul/p hr pA NAME=itemFollowing is items of the chapter two/A /p table border=2 bgcolor=gray width=40% tr//设置表格 3行2列 设置背景颜色 边框大小 thitem/th thcontent/th /tr tr tditem 1/td tdfont/td /tr tr tditem 2/td tdtable/td /tr tr tditem 3/td tdform/td /tr//设置每个单元格的内容 /table hrp1p2p3p4p5p6p7p//打印1234567段 BIFONT COLOR=BLUE SIZE=4End of the example document /FONT/I/B /p /body /html 运行结果： 2．编写一个能输出如图所示界面的HTML文件。 代码如下： html head title请留下个人资料.html/title /head body style=color: #000000 h1 style=text-align: center;color: black请留下个人资料/h1 br / br / form table align=center tr td style=text-align: right;姓名：/td tdinput type=text style=width: 100px //td /tr tr td style=text-align: right;E-mail：/td tdinput type=text style=width: 300px //td /tr tr td style=text-align: right;电话：/td tdinput type=text style=width: 200px //td /tr tr td style=text-ali