太原理工大学web实验报告1.doc

本科实验报告 课程名称： Web开发实用技术基础 实验项目：HTML语言、网页程序设计Javascript、request与response对象的应用、 Application与Session对象的应用 实验地点： 逸夫楼 专业班级： 软件1227 学号： 2012005774 学生姓名： 王晓春 指导教师： 崔晓红 2014年 10 月 30 学院名称 软件学院 学号 2012005774 实验成绩 学生姓名 王晓春 专业班级 软件1227 实验日期 2014.10.9 课程名称 Web开发实用技术基础 实验题目 实验1 HTML语言 一．实验目的和要求 实验目的1．掌握常用的HTML语言标记； 2．利用文本编辑器建立HTML文档，制作简单网页。 实验要求1．独立完成实验 2．书写实验报告书1．在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。（请仔细阅读下列程序语句，理解每条语句的作用） 源程序清单如下： #00DDFF h1BIFONT COLOR=#FF00FF 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 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 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 hrp 1p 2p 3p 4p 5p 6p 7p BIFONT COLOR=BLUE SIZE=4End of the example document /FONT/I/B /p /body /html 2．编写一个能输出如图所示界面的HTML文件。 三、主要仪器设备 笔记本电脑 四、实验过程中遇到的问题及解决方法 实验过程中设置了表单的边界属性，并且没有使表单居中，影响到美观，通过查找课本，去掉了表格的border属性，并设置了align属性居中，使得表单整体更加美观。 五、实验结果 1.界面浏览： 2.代码设计： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head title实验1-2/title /head body h1 align=centerU 请留下个人资料/U/h1 form table align=center /tr tr td align=right姓名:/td tdinput name=myname type=text size=20 //td /tr tr td align=rightEmail:/td tdinput name=email type=text size=20//td /tr tr td align=right电话：/td tdinput name=phonenumber type