Web前端开发技术期末试题与答案3.docx

《Web前端开发技术期末试题与答案3.docx》由会员分享，可在线阅读，更多相关《Web前端开发技术期末试题与答案3.docx（8页珍藏版）》请在三一办公上搜索。

1、(C)(D)18 .下列属于标记的属性是：.(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 .在标记中定义窗口弹出方式的属性是05 .

2、设置背景音乐除了使用标记外还可以使用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

3、,y=5：则(x=y的结果是.(18)。14 .在JaVaSCriPt脚本中自增运算i+等同于(19语句。15 .在中利用(20)属性可以定义下拉列表框的大小为5。三、看图编程(每空2分，共42分)1,按下图所示效果，参照注释提示信息，完成代码填充.有序列表新开课程C：计胃机型WD:英语7:计算机原理H:javaim程序设计计算机基础英语计算机原理java语言程序设计学生馍写内容绝密启用前Ireb前端开发技术一、选择题(每题1分，共20分)专业班级1 .HTM1.指的是2()超链接的文本标记语言(B)超文本标识语言(C)家庭工具标记语言(D)以上都不是2 .下列能够实现美化页面的语言是.(A)

4、HTM1.(B)CSS(C)FTP(D)JavaScript3 .以下标记中用于设置内部样式表的标记的是。(A)B)(C)(D)4 .要在段落的首行空两个汉字，要插入个空格Anbsp;-()1(B)3(C)2(D)45 .在方程的解X,=2中下标“1”在HTM1.中可以使用标记实现。(A)(B)(C)(D)6 .定义列表的HTM1.代码是o(A).(B).(C).(D).7 .将超链接的目标网页在上一级的窗口中打开的方式是。(A).parent(B)_se1.f(C)_top(D)_b1.ank8 .设置表格边框颜色的HTM1.代码是(A)(B)(C)(D)9 .关于HTM1.表格说法错误的是

5、.()表格的，id1.h属性可以设更为像素或百分比(B)表格的height属性可以设置为像素或百分比(C)如果不指定border属性，表格默认宽度为1(D)表格和单元格的背景色可以同时指定10 .嵌入多媒体文件的HTM1.的代码正确的是。(A)(B)(C)(D)11 .在表单中插入列表框的正确的Hn1.1.代码是。(A)(B)(C)(D)教师填写内容12 .下列能够设置文本加机的CSS属性值对是.(A)font-weight:bo1.d(B)Sty1.erbo1.d(C)font:b(D)font=粗体”考试类型13 .去掉文本超链接的下划线的方法是。(A)a(text-decoration:

6、nounder1.ine：(BaunderIine: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

7、=*,r:16 .下列CSS的规则正确的是.(A)bodyco1.or:b1.ack;(B)1.xdy;co1.or:b1.ack)(C)body:co1.or=b1.ack(D)body:co1.or=b1.ack(body)17 .图层引用已定义的类选择符正确的HTM1.代码是：,(A)(B)p(16)核心提示：3月30日，京东商城推出火车票预订和代购业务。目前提供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网(以卜荷称铁友网)等。铁道部称，12306网站是销售火车票的唯专业网站，铁路部门没有授权或委托任何其他网站开展火车票发售或代购业务.commissioner,independ

8、entcommission4,按下图所示效果，叁照注科提示信息，完成代码填充.用口丫口5。十19七代码改空网页于体大/卜年定字f*大，卜：4、中1大JaV0Sohg是一种HtiifcM;的网:PXJC生动消然IWfS江通W.ti2日MHTE中设计“，宣a字义方pn勺i自K.改变网页页面字的大小Scontent(/*填充说明(17)设量边框宽度2px、线型groove、蕨色tt0000cc*/font-size:I2x;1.ine-height:200%:padding:IOpx;background:#000099;co1.or:white;(17)：)ptext-indent!2em：!一填

9、充说明(18)设置type属性值i(19)通过ID获取元素方法(20)超畦接的关健属性；(21)设置超雒接单事件句柄一functionsetfont(size)varob.j=(19)(*content*);obj.sty1.e.fontSize=size;obj.sty1.e.co1.or=*#ff0000;用JaVaSCriPt代码改变网页字体大小设定字体大小：  小 ： ：中  大divid=c前tentJavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。四、编程题(12分)1.

10、框架编程(6分)。按照如卜要求编程实现如图所示页面布局效果。(I)页面标题为“框架页面布局”；(2)页面布局采用主体水平分割成上、中、下三个部分，比例为15%、70%,15%；(3)中间部分再次垂直分割成左、中、右三部分，比例分别为30%、40%、30%；2.按下图所示效果，参照注理提示信息，完成代码填充.课程表节次星期一星期二星期三星期四星期五第1节第3节体育大学英语大学英语高等数学高等数学数据结构数据结构Web开发Web开发实脸适用时间2008-2009第一学期083007班tit1.e设定踏行的表格ti1.e!一填充说明：(6)设置边框宽度为h(7)设置单元格踣行】(8)设单元格垂直居中

11、对齐；(9)设单元引唐列：(10)设置单元格水平昌中对齐；caption课程表节次星期一星期二 01星期三星期四星期五第1节体育大学英语高等数学数据结构Web开发第3节大学英语Gtd高等数学数据结构Wcb开发实验适用时间:2008-2009第一学期083007班3.按下图所示效果，弁照注理提示信息，完成代码填充.核心提示.3月30日.市东商ft推出火斗票分!订和代购业务。目前提供火车票代购业务的商业网站还有去哪儿网.携程、铁友旅行网(以下简体性女网)等.铁道郃你.12306同站建用辔火年票的唯一专业网站，铁路部门没育及权或委托任何其他网站开展火军宗发售或代购业务。Commissioner.In

12、dependentCOmmiaai1.on样式表-排版.p3text-transform:CaPita1.ize;/偻选择M定义说明：(11)段首空2个字符；(12)设行高为35px,(13)设量背景色为#000033,(14)设置文字居中对齐(15)设字符间距为2px;(16)引用样式p4/.p4()；(12);(13);(14):(15);co1.or:#ffffff：)(3)或头部(5)或主体(6)taret(7)e(8)ce1.Ipadding(9)4(10)字母(11)下划线(12)radio(13)frameborder(14)英文颜色名称(15)(19)十六进制数1或首或一16)

13、RGB(整数)或RGB(R,G,B)(18)fa1.se(19)i=i+1.(20)size三、看图填充程序(每空2分，共42分)(1)新开课程或(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)

14、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分)。框架页面布局frameSrC=name=top（4）分别给每个框架命名.名称分别为top、Ieft、CCnter、right、bottom”。A.2. JaVaSCriPt编程（6分）计算圆的面枳。按下图页面效果，编程实现所需功能。（1）表单中设置2个文本框、I个按钮、1

15、个重置按钮，其中圆的面积文本框设置为只读；（2）编写两个自定义函数，分别是计算圆的面积函数area（radius）、在页面上显示结果ShoW（），并在show（）函数中调用area（radius）函数：（3）输入完半径后，点击“计算圆的面枳”按钮后，将计算结果显示在“圆的面枳”文本框中：（4）点击“重置”按钮后，将所仃文本框清空：（5）圆的面保留2位小数。计算圆的面积圆的半径：|2圆的面枳I12.57I计算圆的面积I重置五、问答题（16分）1 .写出UR1.三大组成部分的作用，并举例说明。（4分）2 .写出无序列表结构语法，无序列表的列表项符号通过什么局性去更改？有几种不同的取值（英文表示）？

16、（6分）3. 通过I）ON访问网页元素的方法有几种？分别是什么？（6分）叁考答案一、选择题（每题1分,共2Q分）.题号12345678910答案BBADCDACCB题号11121314151617181920答案CADCBABABB二、填空题（每空05分，共10分）（I可一题填空答案可不分顺序）(1) htm1.(2)htm(求卷A圆的面枳：/1分评分细则：area（radius）函数没有返回语句扣0.5分：没有使用标签扣1分：没有设置只读屈性扣0.5分;面积计算未保留2位小数扣0.5分。五、问答题1 .写出UR1.三大组成部分的作用,并举例说明。（4分）答：scheme:/host,doma

17、in:portpathfiIename（1分）UR1.的访问方式:/UR1.由三大部分组成，分别是服务类型（协议）、主机或域名和端口、文件路径（3分）。http:/IocaIhos1:8080/index.htn1.（2分）；（2分）。2 .写出无序列表结构语法，无序列表的列表项符号通过什么属性去更改？有几种不同的取值（英文表示）？（6分）答：（I）无序列表结构（2分）：（2）无序列表的列表项符号通过type属性去更改（1分）：（3）有三种不同的取值分别：disc（实心点）、CirCIe（空心圆）、SqUare（黑方块）（3分）。3 .通过I）Ov访问网页元素的方法有几种？分别是什么？（6分）

18、答：DOM访问网页元素的方法有三种.（1）通过ID,document.getE1.ementById（ucId）（2分）：（2）通过Name,获取同类名称的数组，document.getE1.emen1.sByNiime（元素名称）（2分）；（3）通过TagName,获取同类标记的数组，document.getE1.ementsByTagName（标记名称”）（2分）;frameSrC=n评分细则：如果部分代吗正确，可酌情给分，框架命名正确每项最多给05分.2.JavaScript编程计算圆面积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)：计算圆的面枳formmethod=jrpost*action=)圆的半径：