江西科技学院《Web 前端开发》2024-2025 学年第一学期期末试卷.pdf

江西科技学院江西科技学院Web Web 前端开发前端开发20242024-2025 2025 学年第一学期期末学年第一学期期末试卷试卷 试卷说明：试卷说明：1、试卷满分 100 分，120 分钟完成试卷；2、钢笔或圆珠笔直接答在试题中（除题目有特殊规定外）；3、答卷前将密封线内的项目填写清楚。题号 一 二 三 四 五 总分 合分人 复核人 满分 100 得分 一、Web 前端基础选择题(本大题总共 15 小题，每题 2 分，共 30 分）1.以下哪个不是 HTML5 新增的语义化标签？A.B.C.D.2.在 CSS 中，设置元素透明度的属性是？A.opacity B.visibility C.display D.z-index 3.下列关于 JavaScript 变量命名规则的说法，错误的是？A.变量名可以包含字母、数字、下划线和美元符号 B.变量名不能以数字开头 C.变量名不能是 JavaScript 中的关键字 D.变量名可以使用中文 4.以下哪种选择器可以选中 HTML 文档中所有的 p 元素？A.p B.p C.p D.p 5.在 HTML 中，用于创建无序列表的标签是？A.B.C.D.6.CSS 中，设置文本颜色的属性是？A.color B.text-color C.font-color D.background-color 7.以下哪个事件是在元素获得焦点时触发？A.click B.focus 班 级 学 号 姓名 本科 密 封 线 C.blur D.change 8.在 JavaScript 中，以下哪种数据类型是无序且元素唯一的？A.数组 B.对象 C.字符串 D.集合 9.HTML 中，用于插入图像的标签是？A.B.C.D.10.CSS 中，设置元素边框宽度的属性是？A.border-width B.border-size C.width D.height 11.以下哪个是 JavaScript 中的函数定义方式？A.function myFunction()B.var myFunction=function()C.const myFunction=function()D.以上都是 12.在 HTML 中，用于创建超链接的标签是？A.B.C.D.13.CSS 中，设置元素背景颜色的属性是？A.background-color B.color C.bgcolor D.back-color 14.以下哪种数据类型在 JavaScript 中表示布尔值？A.number B.string C.boolean D.object 15.在 HTML 中，用于定义表格的标签是？A.B.C.D.以上都是 二、HTML 标签与结构填空题(本大题总共 5 题，每题 4 分，共 20 分)1.在 HTML 中，使用_标签来定义段落。2.要创建一个 HTML 表单，需要使用_标签。3.HTML 文档的根标签是_。4.在 HTML 中，使用_标签来创建水平线。5.用于在 HTML 中嵌入 JavaScript 代码的标签是_。三、CSS 样式设计简答题(本大题总共 6 题，每题 4 分，共 24 分)1.简述如何使用 CSS 实现元素的水平居中。2.如何设置 CSS 使一个元素的背景图片自适应？3.说明 CSS 中盒模型的组成部分。4.怎样使用 CSS 让文本首行缩进？5.简述如何使用 CSS 实现鼠标悬停在元素上时改变样式。6.如何使用 CSS 设置一个元素的字体大小、颜色和加粗效果？四、JavaScript 逻辑编程应用题(本大题总共 2 题，每题 6 分，共 12 分)1.编写一个 JavaScript 函数，用于计算两个数的和并返回结果。2.利用 JavaScript 编写一段代码，实现当用户点击按钮时，弹出一个提示框显示“Hello,Web 前端！”。五、综合实践操作题(14 分)请使用 HTML、CSS 和 JavaScript 创建一个简单的网页，页面包含一个标题、一个段落、一个按钮和一个输入框。当用户点击按钮时，获取输入框的值并在段落中显示出来。同时，对页面进行基本的样式设计，如标题居中、按钮有一定的样式等。