2015Web程序设计基础实验报告.docVIP

本科实验报告 课程名称： Web程序设计基础 专业班级：计双学位2014 学号： 2012003436 学生姓名： 孙传鑫 指导教师： 田玉玲 2015年11月3日 实验一 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 hrpppppppp BIFONT COLOR=BLUE SIZE=4End of the example document /FONT/I/B /p /body /html 程序运行结果： 编写一个能输出如图所示界面的HTML文件。 文件如下： html headtitle表单范例/title/headbody table align=center captionh2b请留下个人资料/b hr size=1 width=170 color=black/h2/p /caption form name=form trtd align=right姓名：/td tdinput type=text name=姓名/td/tr trtd align=rightE-mail：/tdtd input type=text name=邮箱/td/tr trtd align=right 电话： /tdtdinput type=text name=电话/td/tr tr td align=right 性别：/tdtd input type=radio name=性别 checked女 input type=radio name=性别男/td/tr trtd align=right 年龄：/tdtd select option selected20以下option40以下option60以下option60以上 /select/td/tr trtd align=right 留言板：/td tdtextarea name=留言板 rows=5 cols=40 /textareabr/td/tr trtd align=right您的爱好：/td tdinput type=checkbox name=运动运动br input type=checkbox name=阅读阅读br input type=checkbox name=听音乐听音乐br input type=checkbox name=旅游旅游 /td/tr trtd align=center colspan=2 input type=submit name=提交 value=提