北大青鸟软件工程师HTMLTP5(精)

ACCPV4.0使用表格和表单第五章ACCPV4.02回顾自动刷新功能应使用哪个HTML标签？标签区分大小写吗？段落标签P和换行标签BR有什么区别？字符标签FONT有哪些常用属性？使用图片标签IMG显示图片q.jpg，如何写HTML代码?写HTML代码时，空格用什么表示？显示如下所示的列表，如何写HTML代码：您认为乔丹的血型是？A.A型B.B型C以上都不对显示如下所示的超链接，如何写HTML代码：请查看Microsoft微软中国ACCPV4.03用HTML代码创建表格创建表单使用框架目标ACCPV4.04表格行列列标题在HTML文档中，广泛使用表格来存放网页上的文本和图像单元格表格标题ACCPV4.05HTMLHEADTITLE使用表格/TITLE/HEADBODYTABLEBORDER=2TRTD姓名/TDTD性别/TDTD分数/TD/TRTRTDRobert/TDTDM/TDTD80/TD/TR......./TABLE/BODY/HTML创建表格TABLE代表表格的开始，border=2表示边框尺寸为2TR表示行，这是表格的第一行，有三列数据，TD代表列表格的第二行，有三列数据表格的第三行，也有三列数据ACCPV4.06BODYTABLEBORDER=2CAPTIONalign=top学员档案信息/CAPTIONTRTH姓名/THTH性别/THTH分数/TH/TRTRTDRobert/TDTDM/TDTD80/TD/TR......./TABLE/BODY/HTML表格的标题CAPTION表示表格标题TH表示行或列标题，粗体显示表格的第二行，有三列数据表格的第三行，有三列数据ACCPV4.07BODYTABLEborder=2align=centerCAPTIONalign=top学员档案信息/CAPTIONTRTH姓名/THTHalign=center性别/THTHalign=right分数/TH/TRTRTDRobert/TDTDalign=centerM/TDTDalign=right80/TD/TR......./TABLE/BODY/HTML表格的对齐方式整个表格居中姓名列默认左对齐性别列居中分数列右对齐ACCPV4.08合并单元格(跨列)BODYTABLEBORDER=2ALIGN=CENTERCAPTION创建表格/CAPTIONTHCOLSPAN=3第一学期/THTHCOLSPAN=3第二学期/THTRTD数学/TDTD科学/TDTD英语/TDTD数学/TDTD科学/TDTD英语/TDTRTD98/TDTD95/TDTD80/TDTD95/TDTD87/TDTD88/TD....COLSPAN=“n”属性表示跨多少列ACCPV4.09合并单元格(跨行)BODYTABLEBORDER=1,align=centerCAPTIONb创建表格b/CAPTIONTRTH/THTH/THTH螺母/THTH螺栓/THTH锤子/THTRTDROWSPAN=3第一季度/TDTD一月/TDTD2500/TDTD1000/TDTD1240/TDTRTD二月/TDTD3000/TDTD2500/TDTD4000/TDTR.....ROWSPAN=“n”属性表示跨多少行ACCPV4.010BODYTABLEborder=0align=centerwidth=50%CAPTIONalign=top学员档案信息/CAPTIONTRbgcolor=#00FFFFTHalign=left姓名/THTHalign=center性别/THTHalign=right分数/TH/TRTRbgcolor=#FFFF00TDRobert/TDTDalign=centerM/TDTDalign=right80/TD/TRTRbgcolor=#FFFF00TDMary/TDTDalign=centerF/TDTDalign=right18/TD/TR/TABLE表格的背景色和尺寸设置表格的颜色设置：表格的背景色TABLEbgcolor=颜色值行的背景色TRbgcolor=颜色值列的背景色TDbgcolor=颜色值颜色值可以采用RGB（red/green/blue）红绿蓝十六进制值表示，如红色#FF0000,或是一些预定义色彩名称：red，blue，yellow等。表格的尺寸设置：TABLEwidth=n1height=n2例如：TABLEwidth=200height=100表示一个长为200像素，宽为100像素的表格。TABLEwidth=20%height=10%表示一个宽为窗口的20%，高为窗口的10%的表格。1880分数FM性别MaryRobert姓名学员档案信息ACCPV4.011表单输入元素-7课堂练习:请编写HTML代码ACCPV4.012表单ACCPV4.013METHOD=“post或get”表单FORMACTIONMETHOD指定提交后由服务器上哪个处理程序处理指定向服务器提交的方法:一般为post或get方法,post方法比较安全ACTION=“URL”FORMaction=“”method=“post”ACCPV4.014表单输入元素-1Type此属性指定元素的类型。元素类型可以有多种选择：TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN和BUTTON。默认选择为TEXT。Name此属性指定控件的名称。例如，如果表单中有几个文本框，则可以用名称TEXT1、TEXT2或选择的任何名称来标识它们。Name属性的作用域是在FORM元素内。Value此属性是可选属性，它指定控件的初始值。但是，如果TYPE为RADIO，则必须指定一个值。Size此属性指定控件的初始宽度。如果TYPE为TEXT或PASSWORD，则控件的大小以字符为单位。对于其他输入类型，宽度以像素为单位。Maxlength此属性用于指定可在TEXT或PASSWORD元素中输入的最大字符数。Checked此属性是Boolean属性，指定按钮是否是打开的。当输入类型为RADIO或CHECKBOX时，使用此属性。文本框、按钮、单选按钮、复选框等都是输入元素。INPUTtype=“?”name=“?”size=”?”value=“?”maxlength=“?”checked=“?”ACCPV4.015表单输入元素-2INPUTname=button1type=submitvalue=提交INPUTname=button2type=resetvalue=重置INPUTname=button3type=buttonvalue=普通按钮•BUTTON（按钮）Type属性：submit：提交按钮reset：重置按钮button：普通按钮ACCPV4.016表单输入元素-3身份证号inputtype=Textname=PIDvalue=size=20maxlength=18•TEXT（文本）密码：INPUTtype=passwordvalue=“”name=“passsize=15TEXTAREAname=“textarea”clos=20rows=5请填写您的工作经历/TEXTAREAACCPV4.017表单输入元素-4性别：INPUTTYPE=radioNAME=”sex”VALUE=”male”男性INPUTTYPE=radioNAME=”sex”VALUE=”male”女性•单选按钮和复选框你喜欢以下哪些明星：brinputtype=Checkboxname=id1value=Noriko_Sagai酒井法子inputtype=Checkboxname=id2value=Leon郑秀文inputtype=Checkboxname=id3value=BonJovicheckedBonJoviACCPV4.018HTML输入元素-5BODYbgColor=#ccccffText=#000099FORMACTION==POSTBH2align=left2004年欧锦赛/H2/BPB预测“最佳球员”/B/PPINPUTTYPE=RADIONAME=myradio“VALUE=0RonaldoINPUTTYPE=RADIONAME=myradioVALUE=1BeckhamINPUTTYPE=RADIONAME=myradioVALUE=2Zidane/PPB预测大赛亚军/B/PPINPUTNAME=mybox2TYPE=CHECKBOXVALUE=0巴西INPUTNAME=myboxTYPE=CHECKBOXVALUE=1法国INPUTNAME=mybox3TYPE=CHECKBOXVALUE=2阿根廷BR/PPB预测谁将成为2004年欧锦赛冠军？/B/PPINPUTNAME=text1“TYPE=TEXTSIZE=30MAXLENGTH=30/PPINPUTTYPE=SUBMITNAME=SubmitVALUE=提交INPUTTYPE=RESETNAME=ResetVALUE=重置/P/FORM/BODY阅读代码，请问网页中的显示结果？ACCPV4.019表单输入元素-6•下拉菜单B谁是2002年世界杯冠军？/BSELECTNAME=“myselectOPTIONSELECTED西班牙/OPTIONOPTION法国/OPTIONOPTION巴西/OPTIONOPTION德国/OPTION/SELECT列表选项ACCPV4.020表单输入元素-7课堂练习:请编写HTML代码ACCPV4.021框架广告栏顶部框架(top.htm)商品详细介绍右侧框架(main.htm)商品导航左侧框架(left.htm)ACCPV4.022为何使用框架在另一个固定部分显示导航部分在页面的一个固定部分显示徽标或静态信息在此处显示主要内容。站点中只有此部分是变化的。ACCPV4.023使用框架演示如何做上述框架？ACCPV4.024总结4-1TABLEwidth=“?”border=“?”align＝“？”CAPTION表格标题/CAPTIONTRbgcolor＝“？”THalign=“?”数据1THTHalign=“?”数据2TH…../TRTRbgcolor＝“？”TDalign=“?”数据11/TDTDalign=“?”数据22/TD/TR/TABLE跨行的单元格：TDrowspan=“n”数据11/TD跨列的单元格：TDcolspan=“n”数据22/TD表格的一般语法：ACCPV4.025总结4-2FORMaction=“?”method=“