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

1、试卷A 第2页共3页学生填写 内容专业班级姓 名学 号密封区教师填写内容考试类型考试【】考查【】命题人读未来审 批绝密启用前web前端开发技术、选择题(每题1分，共20分)(A) font-weight:bold(B) style:bold(C) font:b (D) font=粗体13.去掉文本超链接的下划线的方法是 1 , HTML旨的是。(A)超链接的文本标记语言(B)超文本标识语言(C)家庭工具标记语言(D)以上都不是2 .下列能够实现美化页面的语言是 。(A) HTML (B) CSS (Q FTP (D JavaScript3 .以下标记中用于设置内部样式表的标记的是 。A A)

2、(B) (C) (D)4 .要在段落的首行空两个汉字，要插入 个空格 。 (A)1(B) 3 (C) 2(D) 45 .在方程的解 X1=2中下标“1”在HTM冲可以使用 标记实现。(A (B) (C) (D) 6 .定义列表的 HTML弋码是。(A) .(B) .(C) .( D) .7 .将超链接的目标网页在上一级的窗口中打开的方式是 。(A) _parent(B) _self (C) _top (D) _blank8 .设置表格边框颜色的HTML弋码是。A A) ( B) (C) ( D) 9 .关于HTM乐格说法错误的是。(A)表格的width属性可以设置为像素或百分比(B)

3、表格的height属性可以设置为像素或百分比(C)如果不指定border属性，表格默认宽度为1 (D)表格和单元格的背景色可以同时指定10 .嵌入多媒体文件的HTML勺代码正确的是 。(A) (B) (C) (D) 11 .在表单中插入列表框的正确的HTML弋码是。A A) ( B) C C) select multiple(D) 12 .下列能够设置文本加粗的CSS属性值对是 。(A) atext-decoration:no underline;( B) aunderline:none;(C) adecoration:no underline;(D) atext-decoration:non

4、e;14 .解释执行JavaScript的是。(A)服务器(B)编辑器(C)浏览器(D)编译器15 .下列赋值语句格式错误的是 。A A) var nValue=35.00;( B) var nValue=nValue+35.00;(C) var nValue=someFunction()+35.00; /someFunction()已经定义(D) var firstName=lastName=middleName=;16 .下列CSS的规则正确的是 。A A) bodycolor:black;( B) body;color:black(C) body:color=black(D) body:

5、color=black(body)17 .图层引用已定义的类选择符正确的HTML弋码是： 。(A) ( B) (C) (D) 18 .下列属于标记的属性是： 。A A) value( B) size (Q checked(D) rows19 .下列运算符中表示逻辑或的运算符是 。(A) &(B) |(C) !(D) +20 .下列属于鼠标指针悬停在对象上发生的事件是 。(A) onMouseOut(B) onMouseOver(C) onSelect (D) onClick二、填空题(每题 0.5分，共10分)1 . HTM戊件的扩展名可以是(1) 或(2)。2 .在HTM戊件里，文本格式化标

6、记中(3)标记可用来设置删除效果。3 . 一个完整的 HTMLt件包含(4) 和(5)等两部分(填标记名称)。4 .在标记中定义窗口弹出方式的属性是(6)。5 .设置背景音乐除了使用标记外还可以使用标记来播放背景音乐。6 .表格的 (8)属性指定了单元格中内容与单元格边框之间的空间大小。7 . 一个有三个框架的 Web页，实现上独立的 HTMLt件有(9)个。8 .标识符可以(10)或(11) 开始,由字母、数字和下划线组成，不能出现空格或制表符。9 .在表单中让用户从互斥的选项中只能选一项，可使用 type为(12)”的输入框。10 .控制框架集窗口周围是否出现边框线的属性是(13)。11

7、. CSS中有4种定义颜色的方法分别是(14)、(15)、(16) 和RGB(百分比)。12 .导入样式表必须放在内部样式表里的是第(17) 行,否则导入样式无效。13 .如果 var x=5,y=5;贝U ( x=y)的结果是(18)。14 .在JavaScript 脚本中自增运算i+等同于(19)语句。15 .在中利用(20)属性可以定义下拉列表框的大小为5。三、看图编程(每空 2分，共42分)1.按下图所示效果，参照注释提示信息，完成代码填充。 有序列表 课程表 节次 星期一 星期二 星期三 星期四 星期五 第 1 节 体育 大学英语 高等数学 数据Z勾 Web 开发 题较锌不内以线横(

8、1)计算机基础 英语 计算机原理 java语言程序设计新开程C:4辑VI1MD；窕吾：汁亘制U杲理H： jriVri语产后序旧钎2.按下图所示效果，参照注释提示信息，完成代码填充。 设定跨行的表格 第3节 大学英语 高等数学数据Z构 Web 开发实验 适用时间：2008-2009 第一学期 083007 班 3.按核心提示，3月3。日. 京东商城推出火年票T页木口代购业务。目前提供火车国七购业务的蔺业网站还肓去哪儿网 携程, 秋发旅行网(以下荷称镀友网)等.铁语部称.123 口日眼站足销沿火车票的唯一专业闷站，喉照注释提航情取喻成代码填兜也网站开展火车票费售或代购业务。 口 iti in i

9、样式表-排版 .p3text-transform:capitalize;/*类选择p4定义说明：(11)段首空2个字符；(12)设置行高为 35px; (13)设置背景色为 #000033;(14)设置文字居中对齐(15)设置字符间距为2px;(16)引用样式p4 */.p4(11);(；(13);(14);(；color:#ffffff;核心提示：3月30日，京东商城推出火车票预订和代购业务。目前提供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网(以下简称铁友网)等。铁道部称，12306网站是销售火车票的唯一专业网站，铁路部门没有授权或委托任何其他网站开展火车票发售或代购业 务。co

10、mmissioner, independent commission4.按下图所示效果，参照注释提示信息，完成代码填充。改变网页页面字的大小题较锌不内以线横#content/*填充说明(17)设置边框宽度 2px、线型groove、颜色#0000cc */font-size:12px; line-height:200%; padding:10px;background:#000099; color:white;(17) ;ptext-indent:2em;script type= (18)”function setfont(size)var obj=(19)(content);obj.styl

11、e.fontSize=size;obj.style.color=#ff0000; 用JavaScript 代码改变网页字体大小 设定字体大小：  小  中   大 JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。 四、编程题(12分)1 .框架编程(6分)。按照如下要求编程实现如图所示页面布局效果。(1)页面标题为“框架页面布局”；(2)页面布局采用主体水平分割成上、中、下三个部分，比例为15% 70% 15%(3)中间部分再次垂直分割成左、中、右三部分，比例分别为30% 40

12、% 30%(4)分别给每个框架命名，名称分别为 top、left、center、right、bottom”。2 . JavaScript 编程(6 分)计算圆的面积。按下图页面效果，编程实现所需功能。(1)表单中设置2个文本框、1个按钮、1个重置按钮，其中圆的面积文本框设置为只读；(2)编写两个自定义函数，分别是计算圆的面积函数area (radius )、在页面上显示结果 show(),并在show()函数中调用 area(radius) 函数；(3)输入完半径后，点击“计算圆的面积”按钮后，将计算结果显示在“圆的面积”文本框中；(4)点击“重置”按钮后，将所有文本框清空；(5)圆的面保留2

13、位小数。计算圆的面积圆的半径! |2圆的面积：12.57r计算图的面积 rss试卷A 第7页共2页五、问答题（16分）1 .写出URL三大组成部分的作用，并举例说明。（4分）2 .写出无序列表结构语法， 无序列表的列表项符号通过什么属性去更改？有几种不同的取值（英文表示）？ （6分）3. 通过DOM问网页元素的方法有几种？分别是什么？ （6分）(5)value=7(6)border=1(7)rowspan=2(8)valign=middle(9)colspan=6(10)align=center(11)text-indent:2em(12)line-height:35Px13) backgro

14、und:#000033 或 background-color: #000033(14) text-align:center参考答案一、选择题（每题1分，共20分）题号12345678910答案BBADCDACCB题号11121314151617181920答案CADCBABABB(15)letter-spacing:2px(16)class=p4(17)border:2px groove #0000cc(18)text/javascript(19)document.getElementByld(20)href(21)onclick题较锌不内以线横、填空题（每空 0.5分，共10分）（同一题填空

15、答案可不分顺序）(1) html(3)(5) 或主体 (9)4(11) 下划线(13)frameborder(15)十六进制数(19)1 或首或一(19)i=i+1三、看图填充程序(每空 2分，共42分)(2) htm(4) 或头部(6)target(8) cellpadding(10)W(12)radio（14）英文颜色名称(16) RGB (整数)或 RGB(R, G, B)(18)false(20)size(1) 新开课程 或 /strong (2)type=A(3) start=3(4)type=1四、编程题（每题 6分，共12分）（超出页面转反面）1 .框架编程（6分）。框架页面布局

16、 frameset rows=15%,70%,*” frame src= name=top frameset cols=30%,40%,*frame src= name=left/frameset /frameset/html评分细则：如果部分代码正确，可酌情Z分，框架命名正确每项最多给0.5分。2.JavaScript 编程html题并不内以线横 计算圆面积script type=text/javascriptfunction area(radius)2分var circlearea=Math.PI*radius*radius;return circlearea;function show(

17、)/ 2分var radius=document.getElementById(radius_text).value;document.getElementById(area_text).value=area(radius).toFixed(2);计算圆的面积form method=post action=圆的半径： input type=text name=radius_text id=radius_text圆的面积： input type=text name=area_text id=area_textreadonly input type=button value= 计算圆的面积oncl

18、ick=show(); / 1分input type=reset/form/body/html评分细则：area(radius)函数没有返回语句扣0.5分；没有使用form标签扣1分；没有设置只读属性扣0.5分;面积计算未保留2位小数扣0.5分。五、问答题1.写出URL三大组成部分的作用，并举例说明。(4分)答：scheme:host.domain:port/path/filename (1分)URL由三大部分组成，分别是服务类型（协议） 、主机或域名和端口、文件路径（3分）。http:/localhost:8080/index.html（2 分）；（2 分）。2.写出无序列表结构语法，无序列表的列表项符号通过什么属性去更改？有几种不同的取值（英文表示）？ （6分）答：（1）无序列表结构（2分）； /li /li（2）无序列表的列表项符号通过type属性去更改（1分）；