web程序设计实验报告集合.docx

实验目的 掌握常用的HTML语言标记； 利用文本编辑器建立HTML文档，制作简单网页。 实验要求 独立完成实验。 书写实验报告书。 实验内容 在文本编辑器“记事本”中输入如下的HTML代码程序，以文件名sy1.html保存，并在浏览器中运行。 源程序清单如下： HTML HEAD TITLEExample/TITLE /HEAD BODY BGCOLOR=#00DDFF H1 B I FONT COLOR=#FF00FF MARQUEE BGCOLOR=#FFFF00 DIRECTION=LEFT BEHAVIOR=ALTERMATEwelcome to you! /MARQUEE /FONT /I /B /H1 HR H2 ALIGN=CENTER FONT 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 the Bmarkup tags/B work in the IHTML/I file /P PFollowing in three chapters. UL TYPE=square LIThis is the chapter one!/LI LIA HREF=#ITEMThis is the chapter two!/A/LI LIThis is the chapter three!/LI /UL /P HR P A NAME=ITEMFollowing is item of the chapter two! /A /P TABLE BODER=2 BGCOLOR=GRAY WIDTH=40% TR THitem/TH THcoment/TH /TR TR TDitem1/TD TDfont/TD /TR TR TDitem2/TD TDtable/TD /TR TR TDitem3/TD TDform/TD /TR /TABLE hr P 1P 2P 3P 4P 5P 6P 7P BIFONT COLOR=BLUE SIZE=4End of the example document/FONT/I/B /P /BODY /HTML 运行结果： 2.编写一个能输入如图所示界面的HTML文件。 程序代码： HTML HEAD TITLE表单范例/TITLE /HEAD BODY background=E:\THREE\JSP\实验\实验一\4.jpg H1 ALIGN=CENTER请留下个人资料HR SIZE=5 WIDTH=240 COLOR=MAROON/H1 FORM P nbsp;nbsp;姓名：INPUT TYPE=TEXT NAME=姓名BR/P P E-mail：INPUT TYPE=TEXT NAME=邮箱 SIZE=60BR/P P nbsp;nbsp;电话：INPUT TYPE=TEXT NAME=电话BR/P P nbsp;nbsp;性别：nbsp;nbsp;INPUT TYPE=RADIO NAME=性别 CHECKED女nbsp;nbsp;INPUT TYPE=RADIO NAME=性别男/P P nbsp;nbsp;年龄： SELECT option value=20 selected20岁以下 option value=3020岁-30岁 option value=4030岁-40岁 option value=5040岁-50岁 option value=6050岁-60岁 /SELECT /P P 留言版：brTEXTAREA NAME=留言板 ROWS=8 COLS=66 /TEXTAREA/P P nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;nbsp;INPU