《2022年web前端开发技术试卷三 .pdf》由会员分享，可在线阅读，更多相关《2022年web前端开发技术试卷三 .pdf（6页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Web前端开发技术课程考试试卷（三）总分 100分 考试时间： 120 分钟 考试形式：闭卷一、选择题（每题1 分，共 20 分）1HTML 指的是 _ 。（A）超链接的文本标记语言（B）超文本标识语言（C）家庭工具标记语言（D）以上都不是2下列能够实现美化页面的语言是_ 。（A）HTML （B）CSS （C）VFP （D）JavaScript 3以下标记中用于设置内部样式表的标记的是_ 。（A） （B） （C） （D） 4要在段落的首行空两个汉字，要插入_ 个空格 。（A）1 （B）3 （C）2 （D）4 5在方程的解X1=2 中下标“ 1”在 HTML 中可以使用 _ 标记实
2、现。（A） （B） （C） （D） 6定义列表的HTML 代码是 _ 。（A）. （B）. （C）. （D）. 7将超链接的目标网页在上一级的窗口中打开的方式是_ 。（A）_parent （B）_self （C）_top （D）_blank 8. 设置表格边框颜色的HTML 代码是 _。（A） （B） （C） （D） 9关于 HTML 表格说法错误的是_。（A）表格的width 属性可以设置为像素或百分比（B）表格的height 属性可以设置为像素或百分比（C）如果不指定border 属性，表格默认宽度为1 （D）表格和单元格的背景色可以同时指定10嵌入多媒体文件的HTML 的代码正确的是。（
3、A） （B） （C） （D） 11在表单中插入列表框的正确的HTML 代码是。（A） （B） （C） （D） 12 下列能够设置文本加粗的CSS 属性值对是 _ 。（A）font-weight:bold （B）style:bold 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 1 页，共 6 页 - - - - - - - - - （C）font:b （D）font= 粗体 13去掉文本超链接的下划线的方法是。（A）atext-decoration:no unde
4、rline; （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 的规则正确
5、的是。（A）bodycolor:black; （ B） body;color:black （C）body:color=black （ D） body:color=black(body) 17 图层引用已定义的类选择符正确的HTML 代码是：。（A） （B） （C） （D） 18下列属于 标记的属性是：。（A）value （ B）size （C）checked （D）rows 19下列运算符中表示逻辑或的运算符是。（A）& （B）| （C）! （D）+ 20下列属于鼠标指针悬停在对象上发生的事件是。（A）onMouseOut （B）onMouseOver （C）onSelect （D）onCli
6、ck 二、填空题（每题0.5 分，共 10 分）1 HTML 文件的扩展名可以是（1）或（2）。2在 HTML文件里，文本格式化标记中（3）标记可用来设置删除效果。3一个完整的HTML 文件包含（4）和（5）等两部分（填标记名称）。4在 标记中定义窗口弹出方式的属性是（ 6）。5设置背景音乐除了使用标记外还可以使用（7）标记来播放背景音乐。6表格的（8）属性指定了单元格中内容与单元格边框之间的空间大小。7一个有三个框架的Web页，实现上独立的HTML 文件有（9）个。8标识符可以（10）或 （11）开始，由字母、数字和下划线组成，不能出现空格或制表符。9在表单中让用户从互斥的选项中只能选一项，
7、可使用 type 为“（12）”的输入框。10控制框架集窗口周围是否出现边框线的属性是（13）。11CSS中有 4 种定义颜色的方法分别是（14）、（15）、（16）和 RGB （百分比）。12导入样式表必须放在内部样式表里的是第（17）行，否则导入样式无效。名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 2 页，共 6 页 - - - - - - - - - 13如果 var x=5,y=5; 则（ x=y）的结果是（18） 。14在 JavaScript脚本中自
8、增运算i+ 等同于（19）语句。15在 中利用（20）属性可以定义下拉列表框的大小为5。三、看图编程（每空2 分，共 42 分）1按下图所示效果，参照注释提示信息，完成代码填充。 有序列表 （1） 大学英语 高等数学 计算机科学导论 Web前端开发技术 大学物理 2按下图所示效果，参照注释提示信息，完成代码填充。 设定跨行的表格 课程表 节次 星期一 星期二 星期三 星期四 星期五 第 1 节 体育 大学英语 高等数学 数据结构 Web开发 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - -
9、- - - - - 第 3 页，共 6 页 - - - - - - - - - 第 3 节 大学英语 高等数学 数据结构 Web开发实验 适用时间： 2008-2009 第一学期083007 班 3按下图所示效果，参照注释提示信息，完成代码填充。 样式表 -排版 .p3text-transform:capitalize; /* 类选择 p4 定义说明： (11) 段首空 2 个字符； (12) 设置行高为35px；(13) 设置背景色为 #000033；(14) 设置文字居中对齐(15) 设置字符间距为2px;(16)引用样式p4 */ .p4 （11） ; （12） ; （13） ; （ 1
10、4 ）; （15） ; color:#ffffff; 核心提示： 3 月 30 日，京东商城推出火车票预订和代购业务。目前提供火车票代购业务的商业网站还有去哪儿网、携程、铁友旅行网 （以下简称铁友网）等。铁道部称， 12306 网站是销售火车票的唯一专业网站，铁路部门没有授权或委托任何其他网站开展火车票发售或代购业务。commissioner, independent commission 4按下图所示效果，参照注释提示信息，完成代码填充。 改变网页页面字的大小 #content /* 填充说明（17）设置边框宽度2px、线型 groove 、颜色 #0000cc */ font-size:1
11、2px; line-height:200%; padding:10px; background:#000099; color:white; （17） ; 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 4 页，共 6 页 - - - - - - - - - ptext-indent:2em; function setfont(size) var obj= （19） (content); obj.style.fontSize=size; obj.style.color
12、=#ff0000; 用 JavaScript代码改变网页字体大小 设定字体大小: 小 中 大 JavaScript是一种能让你的网页更加生动活泼的程式语言，也是目前网页中设计中最容易学又最方便的语言。 四、编程题（ 12 分）1框架编程（ 6 分） 。按照如下要求编程实现如图所示页面布局效果。（1）页面标题为“框架页面布局”；（2）页面布局采用主体水平分割成上、中、下三个部分，比例为15% 、70% 、15% ；（3）中间部分再次垂直分割成左、中、右三部分，比例分别为30% 、40%、30% ；（4）分别给每个框架命名，名
13、称分别为“top、 left、center 、 right 、bottom ” 。2JavaScript 编程（ 6 分）计算圆的面积。按下图页面效果，编程实现所需功能。（1）表单中设置2 个文本框、 1 个按钮、 1 个重置按钮，其中圆的面积文本框设置为只读；（2）编写两个自定义函数，分别是计算圆的面积函数area（radius ） 、在页面上显示结果 show() 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 5 页，共 6 页 - - - - - - - -
14、 - ，并在 show() 函数中调用area(radius) 函数；（3）输入完半径后，点击“计算圆的面积”按钮后，将计算结果显示在“圆的面积”文本框中；（4）点击“重置”按钮后，将所有文本框清空；（5）圆的面保留2 位小数。五、问答题（ 16 分）1写出 URL 三大组成部分的作用，并举例说明。(4 分) 2写出无序列表结构语法，无序列表的列表项符号通过什么属性去更改？有几种不同的取值（英文表示）？(6 分) 3通过 DOM 访问网页元素的方法有几种？分别是什么？(6 分) 名师归纳总结 精品学习资料 - - - - - - - - - - - - - - -精心整理归纳 精选学习资料 - - - - - - - - - - - - - - - 第 6 页，共 6 页 - - - - - - - - -