一、考情分析与答案汇总
1. 样卷（Mock Exam）B部分题目参考答案
样卷侧重于编程实践，考察对 HTML、CSS、JavaScript 的灵活运用能力。题目明确说明"大多数问题可以有多种解答方式"，以下为官方提供的简洁、高效的示例答案思路。
| 题号 |
考点 |
答案思路 |
| B1 |
HTML结构 |
使用 <header>, <h1>, <p>, <img> 等基础元素构建页面结构，复现图1所示网页 |
| B2 |
CSS样式规则 |
使用类选择器（如 .news-headline, .article-title { color: green; font-family: Courier; }）或精确的后代选择器，将特定文本颜色改为绿色，字体改为Courier |
| B3 |
JS数组与循环 |
定义包含星期名称的数组，使用 for 或 forEach 循环遍历，用 console.log 输出 ${day} - ${day.length} 格式 |
| B4 |
JS算法 |
循环遍历1-100，使用 if (i % 3 === 0) 判断并累加能被3整除的数字之和 |
| B5 |
JS与DOM操作 |
定义包含5个城市对象的数组，使用 document.createElement 或模板字符串动态生成 <table>、<tr>、<td> 等元素 |
| B6 |
JS函数与事件 |
编写 fourTimes() 函数，获取输入框值，循环创建四个 <p> 元素，分别设置不同 fontFamily 属性 |
2. 2026年期中测验（MST）选择题答案
Part 1: 基础概念题（每题0.5分）
| 题号 |
答案 |
解析 |
| 1 |
e) all of the above |
万维网可通过上述所有设备访问 |
| 2 |
c) ITALICS |
斜体不是HTTP命令 |
| 3 |
b) it could not fetch content via the Internet |
不能通过互联网获取内容 |
| 4 |
b) heading |
"heading"不是标准HTML元素（正确为 <h1>-<h6>） |
| 5 |
a) A is a child of B |
A是B的子元素 |
| 6 |
e) the page requires interaction beyond the standard browser user-interface |
当页面需要超越浏览器标准界面的交互时 |
| 7 |
d) to allow the user to select more than one option |
允许用户选择多个选项时，应使用复选框而非单选按钮 |
| 8 |
a) when there are so many options that it is unwieldy to show them all on the page |
选项太多不便于全部显示时，应使用下拉菜单 |
| 9 |
b) a selector |
选择器 |
| 10 |
b) the second block is vertically below the first |
默认情况下第二个块级元素垂直排列在第一个下方 |
| 11 |
d) invisible |
默认情况下大部分浏览器的元素边框是隐形的 |
| 12 |
b) to place elements horizontally side-by-side |
Flexbox的主要用途是将元素水平并排放置 |
| 13 |
e) one or more typefaces that the browser will use to render a piece of text |
定义一个或多个字体族，供浏览器渲染文本 |
| 14 |
e) any number up to the machine's storage limit |
单个网页中，CSS类可被任意数量的元素使用，上限取决于机器存储限制 |
| 15 |
a) when the developer wants a web page to change over time |
当开发者希望网页能随时间或交互动态变化时 |
| 16 |
d) userScore |
专业程序员最可能用驼峰命名法 userScore 存储用户分数 |
| 17 |
b) let grade = 7 |
正确的变量赋值语法 |
| 18 |
c) 1 |
10 % 3 的结果是 1（10除以3的余数） |
Part 2: CSS综合与应用分析题（每题1分）
| 题号 |
答案 |
解析 |
| 19 |
c) blue |
<header>内部的<h1>"My Website"最终颜色为蓝色。CSS选择器优先级：header > h1 > header h1 > h1 > body，蓝色优先 |
| 20 |
e) black |
位于<footer>内的<h1>"copyright 2026"颜色为黑色。CSS规则 footer { color: black; } 设置了其后代文本颜色 |
| 21 |
需看图判断 |
根据Figure 2的HTML结构和CSS规则（main article {border: solid;}，main aside {border: dashed;}，main > section {display: flex;}）判断布局图示。核心是理解 display: flex 对直接子元素 section 的影响，以及边框样式的应用范围 |
| 22 |
需看图判断 |
将 main > section 改为 main section 后，选择器从"子代"变为"后代"，所有 main 元素下的 section 元素（包括嵌套的）都会应用 display: flex，布局会发生变化 |
| 23 |
需看图判断 |
将 main > section 改为 main + section 后，选择器从"子代"变为"相邻兄弟"，规则将不再应用于 main 的子元素，而是应用于紧跟在 main 后面的第一个 section 兄弟元素，布局会发生根本性改变 |
| 24 |
d) Adding 1 gives 1231 |
prompt() 返回的是字符串 '123'，+ 在 reply + 1 中会被视为字符串连接操作，因此 computerResponse 的值为字符串 '1231' |
二、综合备考建议（融合分模块重点突破）
第一阶段：模块化知识精炼
（1）Web 基础（WWW/HTTP）
| 要点 |
内容 |
| 核心记忆 |
万维网可通过所有主流设备访问 |
| HTTP方法 |
熟记 GET, POST, PUT, DELETE，能快速排除无关词汇（如ITALICS） |
| 历史辨析 |
理解早期Web技术（如Hypercard）与现代Web的核心差异在于能否通过互联网获取内容 |
（2）HTML
| 要点 |
内容 |
| 元素记忆 |
牢记常用标签：结构 (<head>, <body>)、文本 (<p>, <h1>-<h6>)、表单 (<input>, checkbox, radio, <select>)。注意 <heading> 无效 |
| 嵌套规则 |
理解父元素与子元素的定义，代码必须正确嵌套，无交叉 |
| 控件场景 |
单选按钮：用户必须且只能选一项；复选框：用户可以选多项；下拉列表：选项过多时使用 |
（3）CSS（核心重点，占分最高）
| 要点 |
内容 |
| 选择器优先级 |
必须吃透。常见权重：ID > 类 > 标签 > 后代/子代/相邻。这是解答Q19-23题的关键 |
| 核心布局 |
块级元素默认上下排列；Flexbox主要用于水平并排布局 |
| 基础属性 |
熟记 color, font-family, border（默认不可见）, display |
| 类复用性 |
一个CSS类可在单个网页中被任意数量的元素使用 |
（4）JavaScript
| 要点 |
内容 |
| 变量命名 |
采用小驼峰命名法（如 userScore） |
| 语法与操作 |
赋值 =，比较 ==/===；掌握取模 % 等运算符 |
| 关键考点 |
prompt() 获取的是字符串，字符串 + 数字 会导致字符串拼接（Q24） |
| 作用理解 |
JS用于使网页能随时间或交互动态变化 |
第二阶段：题型专项与实战演练
| 题型 |
备考策略 |
| 选择题攻坚 |
反复练习Part 1题型，确保对每个细节知识点记忆准确，能快速辨析 |
| 代码分析题攻坚（重中之重） |
针对Part 2的Q19-23，大量练习从HTML/CSS代码片段预测渲染效果。重点分析：选择器优先级、display: flex 的影响、选择器类型（空格, >, +）改变带来的布局变化。建议在草稿纸上画出DOM树辅助分析 |
| JS输出预测 |
针对Q24类题型，练习跟踪变量类型和值的变化，深刻理解数据类型隐式转换 |
| 编程实践题准备 |
参照样卷B部分，动手编写实现常见功能的代码：数组操作、循环计算、DOM生成与修改、事件处理函数 |
第三阶段：全真模拟与策略调整
| 策略 |
具体内容 |
| 限时模考 |
使用样卷进行全真模拟，严格计时，检验知识掌握程度和时间分配能力 |
| 错题归因 |
将错题对应到上述四个知识模块中，针对性强化薄弱环节 |
| 审题技巧 |
圈出题干中的"not"、"best"、"错误"等关键词 |
| 时间分配 |
合理分配时间，确保完成所有题目；Part 2单题分值高，可投入更多时间 |
| 解题技巧 |
对于复杂的选择器或布局题，善用草稿纸进行简单绘图和推导 |
浙公网安备 33010602011771号