news 2026/9/3 0:39:24

第八届传智杯AI WEB网页开发挑战赛练习题库

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
第八届传智杯AI WEB网页开发挑战赛练习题库

## 一、单选题(共 40 题)

### 1. CSS 中,设置字体大小的属性是()

* ✅ 正确答案:`font-size`

* 解析:`font-size`用于设置字体大小;`font-family`设置字体族;`font-weight`设置字体粗细;`font-style`设置字体样式(如斜体等)。

### 2. JavaScript 中,`parseInt()`函数的作用是()

* ✅ 正确答案:将字符串转换为整数

* 解析:`parseInt()`函数将字符串解析为整数。

### 3. JavaScript 中,`document.write()`的作用是()

* ✅ 正确答案:在页面中写入内容

* 解析:`document.write()`会将指定内容写入到HTML文档中。

### 4. JavaScript 中,`for`循环用于()

* ✅ 正确答案:循环执行代码

* 解析:`for`循环用于按照设定的条件重复执行一段代码。

### 5. JavaScript 中,获取页面元素的方法 `getElementById` 返回的是()

* ✅ 正确答案:一个元素对象

* 解析:`getElementById`通过元素的id获取页面中的特定元素,返回的是一个元素对象。

### 6. HTML 中,用于定义水平线的标签是()

* ✅ 正确答案:`<hr>`

* 解析:`<hr>`标签定义水平线;`<br>`是换行标签;HTML中没有`<line>`和`<rule>`这样的标准标签。

### 7. JavaScript 中,`if`语句用于()

* ✅ 正确答案:条件判断执行代码

* 解析:`if`语句根据条件判断结果决定是否执行相应代码块。

### 8. JavaScript 中,`prompt()`函数的作用是()

* ✅ 正确答案:弹出一个提示框并获取用户输入

* 解析:`prompt()`函数弹出提示框,要求用户输入文本,并返回输入值。

### 9. CSS 中,设置字体加粗的属性值是()

* ✅ 正确答案:`bold`

* 解析:`bold`使字体加粗;`normal`默认;`italic`斜体;`underline`是文本装饰下划线,不是加粗。

### 10. CSS 中,设置元素浮动的属性是()

* ✅ 正确答案:`float`

* 解析:`float`用于设置元素向左/右浮动;`clear`清除浮动;`position`定位;`display`显示类型。

### 11. HTML5 中,用于定义导航栏的语义化标签是()

* ✅ 正确答案:`<nav>`

* 解析:`<nav>`定义导航链接区域。

### 12. HTML 中,用于设置链接打开方式的属性是()

* ✅ 正确答案:`target`

* 解析:`target`决定链接在哪打开,如`_blank`新窗口。

### 13. JavaScript 中,`typeof`运算符用于()

* ✅ 正确答案:获取变量类型

* 解析:`typeof`返回操作数类型字符串。

### 14. CSS 中,设置元素定位方式为绝对定位的属性值是()

* ✅ 正确答案:`absolute`

* 解析:相对最近的已定位祖先元素定位。

### 15. JavaScript 中,`confirm()`函数的作用是()

* ✅ 正确答案:弹出一个确认框

* 解析:带“确定/取消”按钮的确认框。

### 16. CSS 中,设置元素透明度的属性是()

* ✅ 正确答案:`opacity`

* 解析:取值范围 0~1。

### 17. JavaScript 中,`function`关键字用于()

* ✅ 正确答案:定义函数

* 解析:`function`用于定义函数。

### 18. HTML 中,用于设置表格边框的属性是()

* ✅ 正确答案:`border`

* 解析:`border`设置表格边框。

### 19. CSS 中,设置元素背景图片不重复的属性值是()

* ✅ 正确答案:`no-repeat`

* 解析:背景图片不重复显示。

### 20. HTML 中,用于设置文本加粗的标签是()

* ✅ 正确答案:`<b>`

* 解析:`<b>`加粗;`<i>`斜体;`<u>`下划线;`<s>`删除线。

### 21. HTML 中,用于定义段落的标签是()

* ✅ 正确答案:`<p>`

* 解析:`<p>`用于段落。

### 22. HTML 中,用于设置表单提交地址的属性是()

* ✅ 正确答案:`action`

* 解析:`action`指定提交地址。

### 23. HTML 中,用于创建列表的标签是()

* ✅ 正确答案:`<ul>` 和 `<ol>`

* 解析:`<ul>`无序列表,`<ol>`有序列表,`<li>`是列表项。

### 24. HTML 中,用于设置图像路径的属性是()

* ✅ 正确答案:`src`

* 解析:`<img src="...">` 指定图片路径。

### 25. CSS 中,设置元素内边距的属性是()

* ✅ 正确答案:`padding-top`

* 解析:`padding-top`设置上内边距。

### 26. CSS 中,设置元素边框样式的属性是()

* ✅ 正确答案:`border-style`

* 解析:设置边框样式(实线、虚线等)。

### 27. HTML 中,用于设置元素类名的属性是()

* ✅ 正确答案:`class`

* 解析:用于 CSS 选择器与 JS 操作。

### 28. JavaScript 中,用于声明变量的关键字是()

* ✅ 正确答案:以上都是(`let` / `const` / `var`)

* 解析:`var`(ES5),`let/const`(ES6)。

### 29. CSS 中,设置元素宽度和高度的属性分别是()

* ✅ 正确答案:`width` 和 `height`

### 30. CSS 中,设置元素字体族的属性是()

* ✅ 正确答案:`font-family`

### 31. HTML 中,用于设置元素内联样式的属性是()

* ✅ 正确答案:`style`

### 32. JavaScript 中,`console.log()`函数的作用是()

* ✅ 正确答案:在控制台输出内容

### 33. JavaScript 中,数组的 `push()` 方法用于()

* ✅ 正确答案:在数组末尾添加一个或多个元素

* 解析:并返回新数组长度。

### 34. CSS 中,设置元素外边距的属性是()

* ✅ 正确答案:`margin`

### 35. CSS 中,设置元素背景颜色的属性是()

* ✅ 正确答案:`background-color`

### 36. CSS 中,设置元素文本对齐方式的属性是()

* ✅ 正确答案:`text-align`

### 37. JavaScript 中,`alert()`函数的作用是()

* ✅ 正确答案:弹出一个警告框

### 38. HTML 中,用于创建多行文本输入框的标签是()

* ✅ 正确答案:`<textarea>`

### 39. HTML 中,超链接的标签是()

* ✅ 正确答案:`<a>`

### 40. HTML 中,用于设置表格表头的标签是()

* ✅ 正确答案:`<th>`

---

## 二、多选题(共 30 题:41~70)

> 多选题整理为:**题目 → 正确答案 → 解析要点**

### 41. `text-decoration` 的值可以是()

* ✅ 正确答案:underline / overline / line-through / none

* 解析:用于设置文本装饰。

### 42. `<img>` 常见属性有()

* ✅ 正确答案:src / alt / width / height

### 43. `Math`对象常用方法有()

* ✅ 正确答案:`Math.random()` / `Math.floor()` / `Math.ceil()` / `Math.pow()`

### 44. 字符串常用方法有()

* ✅ 正确答案:length / `indexOf()` / `substring()` / `toUpperCase()`

### 45. 字体相关属性有()

* ✅ 正确答案:font-size / font-family / font-weight / font-style

### 46. HTML 表单元素有()

* ✅ 正确答案:`<input>` / `<select>` / `<textarea>` / `<button>`

### 47. `float` 属性的值可以是()

* ✅ 正确答案:left / right / none

* 解析:不存在 center。

### 48. `<form>` 标签常见属性有()

* ✅ 正确答案:action / method / name / id

### 49. `for` 循环组成部分有()

* ✅ 正确答案:初始化表达式 / 条件表达式 / 循环体 / 递增或递减表达式

### 50. HTML5 新增语义化标签有()

* ✅ 正确答案:`<header>` / `<nav>` / `<footer>` / `<article>`

### 51. HTML 设置样式的方式有()

* ✅ 正确答案:内联 style / 内部 style / 外部 link / class 引用外部样式

### 52. CSS 设置文本颜色方式有()

* ✅ 正确答案:颜色名称 / 十六进制 / RGB / HSL

### 53. JavaScript 常见事件有()

* ✅ 正确答案:click / mouseover / submit / load

### 54. `<meta>` 标签可用于()

* ✅ 正确答案:字符编码 / 描述 / 关键词 / 作者

### 55. `switch-case` 语句可用于()

* ✅ 正确答案:多条件判断 / 替代 if-else if

### 56. 边框相关属性有()

* ✅ 正确答案:border-width / border-color / border-style / border-radius

### 57. `<ul>` 与 `<ol>` 的区别有()

* ✅ 正确答案:无序 vs 有序 / 项目符号 vs 序号

* 解析:二者可以互相嵌套;样式可用 CSS 改。

### 58. `<input>` 的 type 常见值有()

* ✅ 正确答案:text / password / submit / checkbox

### 59. `let` 和 `var` 区别有()

* ✅ 正确答案:块级作用域 / 不可重复声明 / 暂时性死区 / 是否提升

### 60. CSS 定位方式有()

* ✅ 正确答案:static / relative / absolute / fixed

### 61. `console` 对象常用方法有()

* ✅ 正确答案:log / error / warn / debug

### 62. CSS 盒模型组成有()

* ✅ 正确答案:content / padding / border / margin

### 63. 背景相关属性有()

* ✅ 正确答案:background-color / background-image / background-repeat / background-position

### 64. 数组常用方法有()

* ✅ 正确答案:push / pop / shift / unshift

### 65. `<a>` 标签常见属性有()

* ✅ 正确答案:href / target / rel / title

### 66. `display` 属性常见值有()

* ✅ 正确答案:block / inline / inline-block / none

### 67. 设置透明度方式有()

* ✅ 正确答案:opacity / rgba / hsla

* 解析:visibility 只是可见性,不是透明度。

### 68. 函数定义组成部分有()

* ✅ 正确答案:function关键字 / 函数名 / 参数列表 / 函数体

### 69. 表格相关属性有()

* ✅ 正确答案:border / cellpadding / cellspacing / width

### 70. `if-else` 可实现逻辑有()

* ✅ 正确答案:单条件判断 / 多条件判断 / 嵌套条件判断

* 解析:循环判断需要循环语句。

---

## 三、判断题(共 30 题:71~100)

> 判断题整理为:**题号 → 正确答案 → 解析要点**

71. `let` 声明变量在声明前使用会报错:✅ 对(暂时性死区)

72. `<input type="submit">` 点击后会自动提交表单:✅ 对

73. 子元素会继承父元素 width:✅ 错(width 不自动继承)

74. `var` 声明变量会提升:✅ 对

75. display:none 与 visibility:hidden 都不占空间:✅ 错(visibility 仍占空间)

76. img 的 alt 在图片正常显示时也会显示:✅ 错

77. fixed 相对于父元素固定:✅ 错(相对于浏览器窗口)

78. div 是行内元素:✅ 错(块级)

79. form 的 method 默认 POST:✅ 错(默认 GET)

80. fixed 相对于浏览器窗口定位:✅ 对

81. display:none 与 visibility:hidden 效果完全一样:✅ 错

82. float 可实现居中:✅ 错(无 center 值,居中需别的方法)

83. z-index 只对定位元素有效:✅ 对

84. function 定义的函数都是匿名函数:✅ 错(可有函数名)

85. text-align 可设置垂直对齐:✅ 错(水平对齐)

86. margin 不能设置负值:✅ 错(可以)

87. float 会使元素脱离文档流:✅ 对

88. console.log 输出会显示在页面上:✅ 错(在控制台)

89. JavaScript 中 this 指向固定不变:✅ 错(随调用场景变化)

90. 语义化标签仅用于美化结构:✅ 错(也利于解析/SEO)

91. 原生 HTML/CSS/JS 无法做表单验证:✅ 错(可以实现)

92. a 标签只能跳转网页不能锚点:✅ 错(可锚点跳转)

93. border-radius 可单独设置某个角:✅ 对

94. table 内只能有 tr 和 td:✅ 错(还有 th 等)

95. 盒模型总宽度包含 margin:✅ 错(不包含 margin)

96. JS 可直接操作 HTML 与 CSS:✅ 对(DOM/CSSOM)

97. 异步操作会阻塞后续代码:✅ 错(进入任务队列)

98. width 设置内容区宽度,不含 padding/border/margin:✅ 对

99. DOCTYPE 对渲染没有影响:✅ 错(影响解析模式)

100. let/const 有块级作用域:✅ 对

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/2 0:02:17

C# 开发者必看:交错数组初始化的最佳实践与常见误区

第一章&#xff1a;C# 交错数组初始化的核心概念什么是交错数组 交错数组&#xff08;Jagged Array&#xff09;是数组的数组&#xff0c;其内部每个子数组可以具有不同的长度。与多维数组不同&#xff0c;交错数组提供了更高的灵活性&#xff0c;特别适用于处理不规则数据结构…

作者头像 李华
网站建设 2026/9/2 21:43:51

在线教育平台:课件截图OCR识别建立知识点索引库

在线教育平台&#xff1a;课件截图OCR识别建立知识点索引库 在今天的在线课堂中&#xff0c;一位学生回看录播视频时突然想到&#xff1a;“上节课讲反向传播的时候&#xff0c;那个公式是怎么推导的&#xff1f;”他翻了十几分钟的进度条&#xff0c;却始终找不到那一帧。类似…

作者头像 李华
网站建设 2026/9/2 21:44:03

PyCharm激活码永不过期?不如试试用AI提升你的开发效率

PyCharm激活码永不过期&#xff1f;不如试试用AI提升你的开发效率 在每天面对成堆的技术文档、设计图纸和会议拍照笔记时&#xff0c;你有没有过这样的瞬间&#xff1a;盯着一张模糊的发票照片&#xff0c;一边手动输入金额和税号&#xff0c;一边怀疑人生——这年头写代码的时…

作者头像 李华
网站建设 2026/9/2 21:43:56

vue+uniapp+springboot居家养老院服务系统 小程序-

文章目录摘要主要技术与实现手段系统设计与实现的思路系统设计方法java类核心代码部分展示结论源码lw获取/同行可拿货,招校园代理 &#xff1a;文章底部获取博主联系方式&#xff01;摘要 该系统基于Vue.js、UniApp和SpringBoot框架&#xff0c;构建了一款居家养老院服务微信小…

作者头像 李华
网站建设 2026/9/2 22:24:59

MBA自学书单,低成本学习MBA必读的书籍推荐

沃伦巴菲特的黄金搭档查理芒格曾说&#xff1a;“我这辈子遇到的聪明人&#xff0c;没有不每天阅读的。”对于多数人而言&#xff0c;未必能有时间或财力去脱产学习两年MBA&#xff0c;但我们完全可以通过阅读那些历经时间考验的经典书籍、教材和著作&#xff0c;以最低的成本来…

作者头像 李华
网站建设 2026/9/2 22:28:09

【无人艇编队】基于引导向量场GVF和分布式星形通信的 5 艘欠驱动 USV 菱形编队控制Matlab仿真,通过 GVF 边界约束 + 复合扰动抗扰补偿”,实现 USV 沿预设路径稳定编队,同时避开直线

✅作者简介&#xff1a;热爱科研的Matlab仿真开发者&#xff0c;擅长数据处理、建模仿真、程序设计、完整代码获取、论文复现及科研仿真。 &#x1f34e; 往期回顾关注个人主页&#xff1a;Matlab科研工作室 &#x1f447; 关注我领取海量matlab电子书和数学建模资料 &#x1…

作者头像 李华