web前端开发技术试卷三

Web前端开发技术课程考试试卷(三)总分100分考试时间:120分钟考试形式：闭卷一、选择题(每题1分，共20分)1. HTML指的是。(A) 超链接的文本标记语言(B)超文本标识语言(C)家庭工具标记语言(D)以上都不是2. 下列能够实现美化页面的语言是。(A) HTML(B) CSS(C) VFP(D) JavaScript3. 以下标记中用于设置内部样式表的标记的是。(A) style(B) title(C) script(D) head4. 要在段落的首行空两个汉字，要插入个空格 。(A) 1(B) 3(C) 2(D) 45. 在方程的解X=2中下标“1”在HTML中可以使用标记实现。(B) tt(D) (B)dddt.dl./dd(D)dldt.dd./dl(A) (C) sub6. 定义列表的HTML代码是(A)dtdl.dd./dl(C) dtdd.dl.t7. 将超链接的目标网页在上一级的窗口中打开的方式是(A) _parent(B) _self(C) _top(D) _blank&设置表格边框颜色的HTML代码是。(A) table color二(B) th bordercolor二(C) table bordercolor二(D) th color二9. 关于HTML表格说法错误的是。(A) 表格的width属性可以设置为像素或百分比(B) 表格的height属性可以设置为像素或百分比(C) 如果不指定border属性，表格默认宽度为1(D) 表格和单元格的背景色可以同时指定10. 嵌入多媒体文件的HTML的代码正确的是。(A) embed url二/embed(B) embed src二/embed(C)a src二/embed(D)a url二/embed11. 在表单中插入列表框的正确的HTML代码是。(A) (C) select multiple/select(D) input type=select /input12. 下列能够设置文本加粗的CSS属性值对是。(A) fontweight:bold(B) style:bold(C) font:b(D) font=粗体13去掉文本超链接的下划线的方法是。(A) atext-decoration:no underline;(B) aunderline:none;(C) adecoration:no underline;(D) atext-decoration:none;14. 解释执行JavaScript的是。(A)服务器(B)编辑器(C)浏览器(D)编译器15. 下列赋值语句格式错误的是。(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的规则正确的是.17.18.19.20.（A） bodycolor:black;（C） body:color二black图层引用已定义的类选择符正确的HTML代码是:（A） div idname二；/div（C） 下列属于(D) (B) size(D) rows(B)II(D) +(B) onMouseOver(D) onClick二、填空题（每题0.5分，共10分）1. HTML文件的扩展名可以是 （1） 或（2）。2. 在HTML文件里，文本格式化标记中（3）标记可用来设置删除效果。3. 个完整的HTML文件包含（4）和 （5） 等两部分（填标记名称）。4. 在 有序列表/title/headbody（1）ol （2）（3）新开课程C. 大学英语D. 高等数学7.计算机科学导论H. 呢b前端开发技术I. 大学物理li大学英语/lili高等数学/lili（4）计算机科学导论/liliWeb前端开发技术/li大学物理/li/body/html2按下图所示效果，参照注释提示信息，完成代码填充。课程表节次星期一星期二星期三星期四星期五第1节体育大学英语高等数学臓开发第3节大学英语高等数学数据结构口 J呢b开发实验适用时间：2008-2009第一学期 083007班htmltit le设定跨行的表格/titlebodytable width=600（6）cellpadding=0 cellspacing=0 align=centercap tion课程表/cap tiontrth节次/t h th星期一/th th星期二/thth星期三/th th星期四/th星期五/thtrtrtd第 1 节/td td体育/t d td大学英语/t d td高等数学/tdWeb 开发/td/trtr第3节/tdtd大学英语/td高等数学/td数据结构/tdtdWeb开发实验/td/trtrtd(9)适用时间：2008-2009 第一学期 083007 班/td/tr/table/body/html3. 按下图所示效果，参照注释提示信息，完成代码填充。核心提示：3月30B ,京东商城推岀火车票预订和代购业务。目前提 供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网以下 简称铁友网)等。铁道部称，1 2306网站是销售火车票的唯一专业网站， 铁路部门没有授权或委托任何其他网站开展火车票发售或代购业务。htmlheadCcimmi ssi onerIndependent Commi ssi ontitle样式表-排版/titlestyle type=text/css.p3 text-transform:capitalize;/*类选择p4定义说明：(11)段首空2个字符；(12)设置行高为35px； (13)设置背 景色为#000033；(14)设置文字居中对齐(15)设置字符间距为2px;(16)引用样式p4 */.p4(11);(12);(13);( 14 );(15); color:#ffffff;/stylep (16) 核心提示：3月30日，京东商城推出火车票预订和代购业务。目 前提供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网(以下简称铁友网)等。 铁道部称，12306网站是销售火车票的唯一专业网站，铁路部门没有授权或委托任何其他网 站开展火车票发售或代购业务。span class二p3commissioner, independent commission/span/p /html4. 按下图所示效果，参照注释提示信息，完成代码填充。用JavaScript代码改变网页字体大小i殳定字体大小： H hthetitle改变网页页面字的大小/titleyle type二text/css#content/*填充说明(17)设置边框宽度2px、线型groove、颜色#0000cc */font-size:12px;line-height:200%;padding:10px;background:#000099;color:white;(17); ptext-indent:2em;/stylescript type=(18)function setfont(size)var obi二 (19)(content);obj.s ty le.f ont Size二size; obj.s tyle.color=#ff0000;/script/headh2 align二center用JavaScript代码改变网页字体大小/hl设定字体大小：  a(20) =javascript:setfont(12px)小/a  a href二#(21)二iavascript:setfont( 18px);中/a  a href二javascript:setfont( 24px);大/a/divdiv id=contentJavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设 计中最容易学又最方便的语言。 /htmL四、编程题(12分)1. 框架编程(6分)。按照如下要求编程实现如图所示页面布局效果。(1) 页面标题为“框架页面布局”(2) 页面布局采用主体水平分割成上、中、下三个部分，比例为15%、70%、15%；(3) 中间部分再次垂直分割成左、中、右三部分，比例分别为30%、40%、30%；(4) 分别给每个框架命名，名称分别为“top、left、center、right、bottom”7框架页面布局+1更好的游浅体验，多开不串号1A2. JavaScript 编程(6 分)计算圆的面积。按下图页面效果，编程实现所需功能。(1) 表单中设置2个文本框、1个按钮、1个重置按钮，其中圆的面积文本框设置为只 读；(2) 编写两个自定义函数，分别是计算圆的面积函数area (radius)、在页面上显示 结果show()，并在show（）函数中调用area（radius）函数；（3）输入完半径后，点击“计算圆的面积”按钮后，将计算结果显示在“圆的面积” 文本框中；（4）点击“重置”按钮后，将所有文本框清空；（5）圆的面保留2位小数。计算圆面积计算圆的面积圆的半径： 圆的面积：212. 57计算圆的面积重置五、问答题（16分）1. 写出URL三大组成部分的作用，并举例说明。（4分）2. 写出无序列表结构语法，无序列表的列表项符号通过什么属性去更改？有几种不同 的取值（英文表示）？ （6分）3通过D0M访问网页元素的方法有几种？分别是什么？ （6分）欢迎您的下载,资料仅供参考!致力为企业和个人提供合同协议，策划案计划书，学习资料等等打造全网一站式需求