一、实验目得1.掌握常用得HＴMＬ语言标记；2.利用文本编辑器建立HTＭL文档,制作简单网页.二、实验要求1.独立完成实验。
2.书写实验报告书。
三、实验内容1.在文本编辑器“记事本”中输入如下得ＨTML代码程序，以文件名sy1、htmｌ保存,并在浏览器中运行。
源程序清单如下：〈HＴMＬ＞ﻩ＜HＥAD>ﻩﻩ<TITLE>Eｘampｌe</ＴIＴＬE></HEAＤ>〈ＢODY ＢGCOLＯR="#０0DDFF”＞ﻩﻩ〈H1><B＞ﻩ＜I〉ﻩﻩ〈FＯNT ＣOLＯR＝"＃ＦF00FF＂〉ﻩ＜MAＲQUEE ＢＧCＯＬOR=＂#ＦFFF00” DIRECTION=LＥFＴ BEＨAＶIOＲ=ＡLＴERMＡTE>wele tｏ yｏu！ﻩ</MAＲQUＥＥ〉ﻩﻩ＜/FＯNＴ〉〈/I＞ﻩ＜/Ｂ〉ﻩﻩ</Ｈ1〉ﻩ<HＲ>ﻩﻩ〈H2 ALIＧN=CENＴER>ﻩ＜FＯNＴ COLOＲ="#0000FＦ”＞Ａｓimｐle HTML dｏcumentﻩ〈/FＯNＴ〉ﻩﻩ＜/H２＞ﻩ〈EM〉Welｅｔo the world ｏf HTML!<／EM＞ﻩ<P＞This iｓ a sｉｍｐle HTMＬ doｃument、Ｉt iｓ to giｖｅｙou an ｏuｔline of ｈｏw to wrｉte ＨＴML hｏw tｈｅ＜B>mａrkｕp tagｓ〈/B> worｋ in t ｈe <Ｉ＞HＴML〈／I> fiｌeﻩﻩ＜/P＞ﻩﻩ<P>Folｌowｉng in threｅｃhapteｒs、＜ＵL TYPE=square><ＬＩ>Tｈis is thｅｃｈaｐtｅr one！〈/LＩ>ﻩ＜LI＞〈A ＨＲEF=＂#ITＥＭ"＞Ｔｈis is ｔｈe ｃhaｐter twｏ！＜／A〉＜/LＩ〉ﻩ＜LI＞Tｈis iｓtｈｅ chapｔer thｒeｅ！＜/LI＞ﻩ <／UL〉ﻩﻩ〈／P＞ﻩ＜HR〉ﻩ<P＞ﻩ〈A NAME="ＩTＥM”>Followｉng is item ｏｆ the chａpteｒｔｗo！ﻩ </A〉ﻩ</Ｐ〉ﻩ<TABLE BODＥR=２ BGCＯＬＯR=ＧＲAY WIDTＨ="40%">ﻩ＜TＲ〉ﻩ＜TH>item</TH〉ﻩ＜TＨ＞ent〈/ＴＨ></TＲ〉ﻩ<ＴR>ﻩﻩ＜TD>iteｍ1〈/TD>ﻩﻩ＜TD＞foｎt＜/TD＞ﻩ〈/TR＞＜TＲ〉ﻩ<TD〉itｅm2＜/ＴＤ＞＜TＤ>taｂle〈／TＤ〉ﻩ〈/TR＞〈ＴR＞ﻩﻩ <TD〉item3<／TＤ>ﻩﻩ <TD〉ｆorm<／TD＞ﻩ＜/ＴR〉ﻩ</TABLE＞ﻩﻩ〈hr>〈P＞1<P> 2<P＞３＜Ｐ> 4＜Ｐ> 5〈P〉 6〈Ｐ＞ 7<P＞ﻩ〈B>〈I〉〈ＦONT ＣOLOＲ=BLUE SIZＥ＝4〉Enｄof tｈｅ exａｍplｅ docuｍｅnt</FOＮＴ></Ｉ〉〈/B〉<／Ｐ〉〈/BODY〉</HＴML>运行结果:2、编写一个能输入如图所示界面得ＨTML文件.程序代码:＜HＴML＞〈HEAＤ〉ﻩ＜ＴＩTLＥ>表单范例＜/ＴＩTLE></HEAＤ＞ﻩ＜BODY backgrouｎd="E:\THREE＼JSＰ＼实验\实验一\４、jｐｇ"〉ﻩ <H1 ＡLIGN=ＣENTER>请留下个人资料〈ＨＲ SIZＥ＝５ＷIDTH＝240 CＯLOR=MARＯＯN></H1〉＜ＦOＲM＞ﻩ〈P >&ｎbsp;&nｂsp;姓名:＜INPUT ＴYＰE="TEXT" NＡME="姓名”>＜BR><／P＞ﻩ＜P ＞E－mail：＜IＮPUT ＴYPE="TEXT” NAME=”邮箱" SIZE=６０〉〈BＲ＞＜/Ｐ> ﻩ <P ＞＆ｎbｓp;＆nbｓp；电话：＜INＰUＴＴＹPＥ=＂TＥXT＂ＮAMＥ=”电话”><B Ｒ>＜/P>ﻩ <P >＆nbｓp; ；性别：&nbsｐ；＆nbｓp；〈ＩＮＰＵT TYPE＝"RＡDIＯ" NAME="性别＂CHECKEＤ〉女＆ｎbｓｐ;&ｎbsp;〈IＮPUT TYPE＝”RＡDIO” NAME＝”性别＂>男〈／P>ﻩ〈P >＆nbｓｐ;＆nbsp;年龄:ﻩ〈SEＬＥCT＞ﻩ〈opｔion ｖalｕe=2０ sｅlecteｄ〉２０岁以下<oｐtiｏn valuｅ＝３０>20岁-３0岁ﻩ〈optｉｏn ｖaｌue=40>30岁—40岁ﻩ〈ｏpｔiｏn value=50〉４0岁-５0岁＜oｐtｉoｎvaｌue=６0〉50岁－６0岁ﻩﻩ </ＳELＥCT>〈/P>ﻩ <P 〉留言版:〈bｒ＞〈TEXTＡREA NAME=”留言板” RＯＷS=8 ＣOLS=6６〉〈/TEXTAREA>〈/P＞ﻩ<P 〉ﻩ＆nbsp；＆nbsｐ；＆ｎbsp； &nbｓｐ；＆ｎbsp； ；＆nbsp；&nbsｐ;＆n ｂｓp;〈IＮＰUＴＴYPE=”CHECＫBOX＂ NAME="爱好＂>运动〈BR〉您得爱好:〈INPUT ＴYPE="CHECKＢＯX” NAMＥ＝"爱好”>阅读＜BR> ﻩ＆nbsp；＆ｎbsｐ；&ｎｂsp；＆nbsｐ；＆ｎbsp;＆nｂｓp；＆nbｓp；&nbsｐ;＆nb ｓp；＆nｂsp；〈INPUT ＴYPE="CＨECKＢOＸ" ＮAME=＂爱好”〉听音乐＜BR>ﻩﻩ＆nbｓp;＆nbsp； ；＆ｎbsp；＆nbsp; &nbsｐ；＆nbsｐ； &nｂｓp；〈I ＮＰUT TYPE=”ＣHＥCKBOX”ＮＡME=”爱好"＞旅游〈BR〉〈/Ｐ〉<P ＡＬＩGN＝CＥＮＴER＞ﻩ<IＮＰＵT TYPE＝SＵBMIT VALＵＥ＝提交>ﻩ〈ＩNPUT ＴYPE=SUBMＩＴＶALUE＝全部重写>〈/P〉ﻩ＜／FORM＞</BODY＞＜/HＴML＞运行结果:一、实验目得１、掌握JavaＳcriｐt技术，基本掌握ＪａvａScrｉpt得开发技巧；2、利用文本编辑器建立JavａＳｃripｔ脚本语言进行简单编程.二、实验要求：1、根据以下实验内容书写实验准备报告。
２、独立完成实验.三、实验内容１、显示一个动态得时钟在文本编辑器“记事本”中输入如下代码程序,请仔细阅读下列程序语句，理解每条语句得作用。
源程序清单如下：＜htmｌ〉ﻩ<ｈead＞〈sｃripｔ lａnｇuagｅ="javascriｐt＂〉ﻩvar tｉmer=nuｌlﻩｆunctｉoｎ stoｐ(）{ cｌｅaｒTimeout(timer）｝ﻩｆｕnctｉon ｓtａｒt（）｛vaｒｔｉme=nｅw Date(）ﻩ var hoｕｒｓ=time、gｅtHoｕｒs()ﻩﻩ var minutes=ｔime、getMinutes（)ﻩ var seｃｏｎds=tｉme、gｅtSeconds(）ﻩ minｕtｅs=（（ｍinｕｔes〈10）？＂０＂：""）+ｍｉnutｅsﻩﻩ seconds＝（(secondｓ<10）?"0"：＂")+secondｓvar clock＝hoｕｒｓ+”："+ｍinutｅs+＂:＂+secoｎdsdocumenｔ、ｆorｍs[0］、ｄisplay、vａlue=ｃloｃkﻩ timer＝setTimｅoｕt("ｓｔart(）”,100０）｝ﻩ </ｓcript>ﻩ〈／ｈeａd〉ﻩ〈bｏｄy onLｏad=＂starｔ(）” oｎUｎload=＂stop（)”>ﻩ〈ｆoｒm〉ﻩﻩ现在就是北京时间:〈input type=type="teｘｔ” namｅ＝"disｐlａy＂ｓizｅ=2０〉 </forｍ〉<／body>〈/html>运行结果：2、事件驱动与事件处理在文本编辑器“记事本”中输入如下代码程序，请仔细阅读下列程序语句,理解每条语句得作用。
源程序清单如下:<html>〈heaｄ>＜scriｐt laｎguaｇe="jaｖascrｉｐt">fuｎctiｏn myfuｎctｉｏn(）｛aｌert （”HEＬLO！”)}＜/scｒiｐｔ〉〈/heaｄ>＜body><fｏrm〉ﻩ<iｎput ｔype=＂buttｏn” ｏｎClick="myfuncｔiｏn（)＂ vａｌue=＂Ｃall functiｏｎ＂〉〈/forｍ＞〈p>Bｙ preｓsinｇｔhｅｂｕtton，a funcｔｉon ｗiｌl be ｃalｌed、Ｔhe funcｔion will alerｔ a ｍessaｇｅ、〈／p></body>＜/html>运行结果：3、ＪavaＳcript表单校验编写程序regiｓteｒ、html，做一个如下图所示得用户注册界面，要求对用户填写得部分进行合法性检验。
源程序清单如下:〈ＨTML><HＥAD>〈TITLE＞用户登录</ＴIＴLＥ>＜ＳＣRＩPT lａｎguaｇe=”ｊａvascript＂＞functiｏn myｆunｃtｉon（）ﻩ｛if（docuｍｅnt、forｍs[0]、ｕsｅrnamｅ、value==＂”）ﻩ｛ａｌeｒt（”用户名不能为空，请输入用户名!”）；ﻩfoｒm1、uｓerｎaｍe、foｃｕs(）;ﻩﻩﻩreturn false;ﻩ}ﻩ iｆ（form1、ｕserpaｓswｏrd、value == ”＂）ﻩ｛ﻩﻩａlｅｒｔ（"用户密码不能为空，请输入密码！"）；ﻩﻩｆorｍ1、uｓerpasswｏrd、fｏcus(）；rｅtｕrn ｆaｌse;ﻩﻩ}eｌｓe docｕｍenｔ、wｒite(”您好，”+ｄｏｃumeｎt、forms[0]、uｓeｒname、value＋”!,欢迎登录!＂)；}〈/SＣRＩＰT>＜／ＨEAＤ>〈BODY＞用户登录：<ＦＯRM ＮＡME＝＂foｒm1" onsuｂmit="ｒｅturn myfuncｔioｎ()”〉请输入用户名:<ＩNＰＵＴ TYPE=”TEXT" NAME=＂userｎame">〈P〉〈/P>请输入密码:&nｂsｐ;＆nbsｐ；〈INPUＴＴYＰE=＂PＡSＳＷORD” NＡME=＂usｅrpａs ｓwoｒｄ”>〈P><／P〉＜INＰＵT TYＰＥ=”sｕbmｉt" ＶAＬUE="提交＂>&nｂsｐ;＆ｎbsp;〈INＰUT TYＰE="RESET” VAＬUE=”全部重写"〉〈/FORM＞＜/BODY></ＨTＭL〉运行结果:一、实验目得1、掌握JSP得Requｅｓt与Ｒesｐoｎse隐式对象得用法,基本掌握ＪSP得开发技巧.2、在JDK与Ecｌipｓe环境下，完成下列实验。