Web前端开发技术期末试题与答案3.docx
(C)<divc1.assname=*;><div>(D)<divname=*;><div>18 .下列属于<option>标记的属性是：.(A)va1.ue(B)size(C)checked(D)rows19 .下列运算符中表示逻辑或的运算符是。(A)&&(B)H(C)(D)H20 .下列属于鼠标指针悬停在对象上发生的事件是。(A)OnMouseOut(B)OnMoUSeoVer(C)OnSe1.ect(D)onC1.ick二、填空题(每题0.5分，共10分)1 .HTM1.文件的扩展名可以是(1)或(2).2 .在HnI1.文件里，文本格式化标记中(3)标记可用来设置删除效果。3 .一个完整的整的文件包含(4)和(5等两部分(填标记名称)。4 .在<a>标记中定义窗口弹出方式的属性是05 .设置背景音乐除了使用<bgsound>标记外还可以使用£22_标记来播放背景音乐。6 .表格的(8)屈性指定了单元格中内容与单元格边框之间的空间大小。7 .一个有三个框架的Web页，'文现上独立的个迎文件有(9个。8 .标识符可以(IO)或(11)开始,由字母、数字和下划线组成，不能出现空格或制表符。9 .在表单中让用户从互斥的选项中只能选一项，可使用IyDe为“(12)”的输入框。10 .控制框柒臾窗口周围是否出现边框线的属性是.(13.11 .CSS中有4种定义颜色的方法分别是(M)、(15)、(16)和RGB(百分比)。12 .导入样式表必须放在内部样式表里的是第行，否则导入样式无效。13 .如果VarX=5,y="5"：则(x=y>的结果是.(18)。14 .在JaVaSCriPt脚本中自增运算i+等同于(19语句。15 .在<se1.ec1.>中利用(20)属性可以定义下拉列表框的大小为5。三、看图编程(每空2分，共42分)1,按下图所示效果，参照注释提示信息，完成代码填充.<htn1.><head><tit1.e>有序列表<tit1.e><head><body><!-填充说明：(1)直接使用标记使“新开课程”标题加粗i(2)指定列表项编号为大写字母：(3)从第三个开始编号；(4)指定列表项编号为数字；(5)从7开始馆号一>新开课程C：计胃机型WD:英语7:计算机原理H:javaim程序设计< o1.(2)(3)>< 1.i>计算机基础<1.i>< 1.i>英语<1.i>< 1.i(4)(5)>计算机原理<1.i>< 1.i>java语言程序设计<1.i><o1.><body><htm1.>学生馍写内容绝密启用前Ireb前端开发技术一、选择题(每题1分，共20分)专业班级1 .HTM1.指的是2()超链接的文本标记语言(B)超文本标识语言(C)家庭工具标记语言(D)以上都不是2 .下列能够实现美化页面的语言是.(A)HTM1.(B)CSS(C)FTP(D)JavaScript3 .以下标记中用于设置内部样式表的标记的是。(A)<sty1.e><B)<tit1.e>(C)<script>(D)<head>4 .要在段落的首行空两个汉字，要插入个空格Anbsp;-()1(B)3(C)2(D)45 .在方程的解X,=2中下标“1”在HTM1.中可以使用标记实现。(A)<b>(B)<tt>(C)<sub>(D)<sup>6 .定义列表的HTM1.代码是o(A)<dt><d1.>.<dd>.<d1.>(B)<dd><dt>.<d1.>.<dd>(C)<dt><dd>.<d1.>.<t>(D)<d1.><dt>.<dd>.<d1.>7 .将超链接的目标网页在上一级的窗口中打开的方式是。(A).parent(B)_se1.f(C)_top(D)_b1.ank8 .设置表格边框颜色的HTM1.代码是(A)<tab1.eco1.or=*>(B)<thborderco1.or=*>(C)<tab1.eborderco1.or="">(D)<1.hco1.or=*>9 .关于HTM1.表格说法错误的是.()表格的，id1.h属性可以设更为像素或百分比(B)表格的height属性可以设置为像素或百分比(C)如果不指定border属性，表格默认宽度为1(D)表格和单元格的背景色可以同时指定10 .嵌入多媒体文件的HTM1.的代码正确的是。(A)<embedur1.=*><embed>(B)<embedsrc=*><embed>(C)<asrc=*><embed>(D)<aur1.="*><embed>11 .在表单中插入列表框的正确的Hn1.1.代码是。(A)<inputtype=*submit*><input>(B)<textsreaname=,textarea*><textarea>(C)<se1.ectmu1.tip1.e><se1.ect>(D)<inputtype=se1.ect><input>教师填写内容12 .下列能够设置文本加机的CSS属性值对是.(A)font-weight:bo1.d(B)Sty1.erbo1.d(C)font:b(D)font="粗体”考试类型13 .去掉文本超链接的下划线的方法是。(A)a(text-decoration:nounder1.ine：(B>aunderIine:none;)考试考查(C)a(decoration:nounder1.ine：(D)a(text-decoration:none;14 .解择执行JavaScript的是。(A)服务器(B)编辑器(C)浏览器(D)编译器命愚人15 .下列赋值语句格式错误的是o()varnVa1.ue=35.00;(B)varVa1.ue=nVa1.ue+35.00:读未来百家号(C) varnVaIue=SomeFunction()+35.00：SomeFUnCtiono已经定义(D) varfIrstNaBe=IastName=ff1.idd1.eName=*,r:16 .下列CSS的规则正确的是.(A)bodyco1.or:b1.ack;(B)1.x>dy;co1.or:b1.ack)(C)body:co1.or=b1.ack(D)body:co1.or=b1.ack(body)17 .图层引用已定义的类选择符正确的HTM1.代码是：,(A)<dividname="><div>(B)<divc1.ass=*：><div><p(16)核心提示：3月30日，京东商城推出火车票预订和代购业务。目前提供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网(以卜荷称铁友网)等。铁道部称，12306网站是销售火车票的唯专业网站，铁路部门没有授权或委托任何其他网站开展火车票发售或代购业务.<spanc1.ass=*p3*>commissioner,independentcommission<span><p><body><htm1.>4,按下图所示效果，叁照注科提示信息，完成代码填充.用口丫口5。十19七代码改空网页于体大/卜年定字f*大，卜：4、中1大JaV0Sohg是一种HtiifcM;的网:PXJC生动消然IWfS江通W.ti2日MHTE中设计“，宣a字义方«pn勺i自K.<htn1.><head><tit1.e>改变网页页面字的大小<tit1.e><sty1.etype=1.extcss*>Scontent(/*填充说明(17)设量边框宽度2px、线型groove、蕨色tt0000cc*/font-size:I2x;1.ine-height:200%:padding:IOpx;background:#000099;co1.or:white;(17)：)ptext-indent!2em：<sty1.e>!一填充说明(18)设置type属性值i(19)通过ID获取元素方法(20)超畦接的关健属性；(21)设置超雒接单事件句柄一<scripttype=(18)>functionsetfont(size)varob.j=(19)(*content*);obj.sty1.e.fontSize=size;obj.sty1.e.co1.or=*#ff0000"<script><head><body>< h2a1.ign="center">用JaVaSCriPt代码改变网页字体大小<h1.>< div>设定字体大小： <a(20)="javascriD1.:SeIfOnt('12px')”>小</a> ： ：< ahref="#"(21)=*javascript:setfont(,18px')；">中</a> < ahref="javascript:SetfontC24px'):">大<a><div><divid="c前tent"<p>JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。<p><div><body><htm1.>四、编程题(12分)1.框架编程(6分)。按照如卜要求编程实现如图所示页面布局效果。(I)页面标题为“框架页面布局”；(2)页面布局采用主体水平分割成上、中、下三个部分，比例为15%、70%,15%；(3)中间部分再次垂直分割成左、中、右三部分，比例分别为30%、40%、30%；2.按下图所示效果，参照注理提示信息，完成代码填充.课程表节次星期一星期二星期三星期四星期五第1节第3节体育大学英语大学英语高等数学高等数学数据结构数据结构Web开发Web开发实脸适用时间2008-2009第一学期083007班<htm1.><head><tit1.e设定踏行的表格<ti1.e<head><body>!一填充说明：(6)设置边框宽度为h(7)设置单元格踣行】(8)设单元格垂直居中对齐；(9)设单元引唐列：(10)设置单元格水平昌中对齐；<tab1.eEidth="600"Ce1.1.Padding="0"CeIISPaCing="0"a1.ign=*center*><caption课程表<caption><tr>< 1.h>节次<h><1.h>星期一<1.h><1.h>星期二<1.h>< 01星期三<1.h><th>星期四<th><th>星期五<th><tr><tr>< td>第1节<td><td>体育<td><td>大学英语<td><td>高等数学<td>< td(7)(8)>数据结构<td>< td>Web开发<td><tr><tr>< td>第3节<td><td>大学英语Gtd><td>高等数学<td>< td>数据结构<td><td>Wcb开发实验<td><tr><tr><td(9)(10)>适用时间:2008-2009第一学期083007班<td><tr><tab1.e><body><htm1.>3.按下图所示效果，弁照注理提示信息，完成代码填充.核心提示.3月30日.市东商ft推出火斗票分!订和代购业务。目前提供火车票代购业务的商业网站还有去哪儿网.携程、铁友旅行网(以下简体性女网)等.铁道郃你.12306同站建用辔火年票的唯一专业网站，铁路部门没育及权或委托任何其他网站开展火军宗发售或代购业务。Commissioner.IndependentCOmmiaai1.on<htm1.><head><ti1.1.e>样式表-排版<ti1.1.e><sty1.etype=*textcss*>.p3text-transform:CaPita1.ize;/偻选择M定义说明：(11)段首空2个字符；(12)设行高为35px,(13)设量背景色为#000033,(14)设置文字居中对齐(15)设字符间距为2px;(16)引用样式p4/.p4()；(12);(13);(14):(15);co1.or:#ffffff：)<sty1.e><head><body>(3)<de1.><head>或头部(5)<body>或主体(6)taret(7)<e<nbed>(8)ce1.Ipadding(9)4(10)字母(11)下划线(12)radio(13)frameborder(14)英文颜色名称(15)(19)十六进制数1或首或一¢16)RGB(整数)或RGB(R,G,B)(18)fa1.se(19)i=i+1.(20)size三、看图填充程序(每空2分，共42分)(1)<b>新开课程<b>或<strong><strong>(2)type="A"(3)start=*3*(4)IyPe=T(5)VaIUe="7"(6)border=T(7)rowsDan=*2*(8)va1.iRn=*midd1.e*(9)CoISPan="6"(10)a1.ign="center”(11)text-indent:2em(12)1ine-height:35px13)_(14)background:#000033或backgroundtext-a1.ir:center-co1.or:#000033(15)Ietter-SPcicing:2px(16)c1.ass=*p4*(17)border:2pxRrooVe#000OCC(18)text/.iavascript(19)docunenI.KetE1.ementById(20)href(21)OnC1.iCk四、编程题每题6分，共12分)(超出页面转反面)1.框架编程(6分)。<htm1.><head><tit1.e>框架页面布局<tit1.e><!1分-><head><framesetrows=*15%,70%,"><!-1分><frameSrC=""name="top<><!-1分>（4）分别给每个框架命名.名称分别为"top、Ieft、CCnter、right、bottom”。A.2. JaVaSCriPt编程（6分）计算圆的面枳。按下图页面效果，编程实现所需功能。（1）表单中设置2个文本框、I个按钮、1个重置按钮，其中圆的面积文本框设置为只读；（2）编写两个自定义函数，分别是计算圆的面积函数area（radius）、在页面上显示结果ShoW（），并在show（）函数中调用area（radius）函数：（3）输入完半径后，点击“计算圆的面枳”按钮后，将计算结果显示在“圆的面枳”文本框中：（4）点击“重置”按钮后，将所仃文本框清空：（5）圆的面保留2位小数。计算圆的面积圆的半径：|2圆的面枳I12.57I计算圆的面积I重置五、问答题（16分）1 .写出UR1.三大组成部分的作用，并举例说明。（4分）2 .写出无序列表结构语法，无序列表的列表项符号通过什么局性去更改？有几种不同的取值（英文表示）？（6分）3. 通过I）ON访问网页元素的方法有几种？分别是什么？（6分）叁考答案一、选择题（每题1分,共2Q分）.题号12345678910答案BBADCDACCB题号11121314151617181920答案CADCBABABB二、填空题（每空05分，共10分）（I可一题填空答案可不分顺序）(1) htm1.(2)htm(求卷A圆的面枳：<inputtype="text"name=rea-text*id="area_text"readon1.y><)r><inputtype="button"va1.ue="计算圆的面枳"OnCIiCk="show。；”>/1分<inputtype=*reset*><form><body><htm1.>评分细则：area（radius）函数没有返回语句扣0.5分：没有使用<form>标签扣1分：没有设置只读屈性扣0.5分;面积计算未保留2位小数扣0.5分。五、问答题1 .写出UR1.三大组成部分的作用,并举例说明。（4分）答：scheme:/host,domain:portpathfiIename（1分）<UR1.的访问方式:<主机>:<端口>/<路径>UR1.由三大部分组成，分别是服务类型（协议）、主机或域名和端口、文件路径（3分）。http:/IocaIhos1:8080/index.htn1.（2分）；（2分）。2 .写出无序列表结构语法，无序列表的列表项符号通过什么属性去更改？有几种不同的取值（英文表示）？（6分）答：（I）无序列表结构（2分）：<u1.type="disc”><1.i><1.i><1.i><1.i><u1.>（2）无序列表的列表项符号通过type属性去更改（1分）：（3）有三种不同的取值分别：disc（实心点）、CirCIe（空心圆）、SqUare（黑方块）（3分）。3 .通过I）Ov访问网页元素的方法有几种？分别是什么？（6分）答：DOM访问网页元素的方法有三种.（1）通过ID,document.getE1.ementById（ucId"）（2分）：（2）通过Name,获取同类名称的数组，document.getE1.emen1.sByNiime（"元素名称"）（2分）；（3）通过TagName,获取同类标记的数组，document.getE1.ementsByTagName（"标记名称”）（2分）;<framesetco1.s=30%,40%,*><!2分><frameSrC=""name=*Ieft*><frameSrC=""nane=*center"><frameSrC=""n<une=*right*><frameset><frameSrC=""name=*bottom*><!-1分一><frameset><htm1.>评分细则：如果部分代吗正确，可酌情给分，框架命名正确每项最多给05分.2.JavaScript编程<htm1.><head><tit1.e>计算圆面积<tit1.e><scripttype=*textjavascript*>functionarea(radius)/2分varCirc1.earea=Math.PI*radius*radius:returncirc1.earea：)functionshow()/2分varradius=document.getEIementById(*radius-text*).va1.ue;document.getE1ementById(*area_text*).va1ue=area(radius).toFixed(2)：<script><head><body><h3>计算圆的面枳<h3><formmethod=jrpost*action="")<!一1分一>圆的半径：<inputtype="text"namc="radius_tcxt"id=*radius_text*Xbr>
