全国计算机等级考试(二级 Web 程序设计)指南
考试时间与分值
上半年通常在 3 月底,下半年在 9 月下旬。具体日期以当地考试机构通知为准。
考试时长 120 分钟,满分 100 分,60 分及格。题型结构比较固定:
- 选择题:40 道,每题 1 分,共 40 分
- 基本操作题:3 道,每题 5 分,共 15 分
- 其他部分:根据实际考纲调整,重点在于代码实操
典型例题一:学生成绩表(HTML 表格)
这类题目常要求完善 HTML 表格代码,显示学号、姓名及各科成绩。核心考点在于表格结构的完整性。
题目要点
- 表格需居中显示
- 利用
rowspan和colspan合并表头 - 补全缺失的结束标签
- 确保结构逻辑正确
参考实现
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<title>成绩单</title>
</head>
<body>
<table border="1" align="center">
<tr>
<th colspan="2">学号</th>
<th colspan="2">姓名</th>
<th colspan="3">主科</th>
<th colspan="2">三科总分</th>
</tr>
<tr>
<th>英语成绩</th>
<th>语文成绩</th>
<th>数学成绩</th>
</tr>
<tr>
<td>2014001</td>
<td>淼淼</td>
<td align="center">90</td>
<td align="right">80</td>
<td align="left">70</td>
<td>240</td>
</tr>
<tr>
<td>2014002</td>
<td>犇犇</td>
<td>75</td>
<td>60</td>
<td>70</td>
<td>205</td>
</tr>
</table>
</body>
</html>
避坑指南
注意 align 属性控制对齐方式,rowspan 和 colspan 的值要对应列数。所有 <tr>、<td>、<th> 必须闭合,少一个标签可能导致后续渲染错乱。
典型例题二:红绿灯布局(CSS Float)
考察 CSS 基础布局能力,通常要求创建特定颜色的方块并按指定规则排列。
题目要点
- 红黄绿三色水平排列
- 页面背景设为黑色
- 高度固定 30px,宽度占页面 10%
- 使用
float实现横向排列
参考实现
<html>
<head>
<style type="text/css">
#redblock { float: left; height: 30px; width: 10%; color: red; }
#yellowblock { float: left; height: 30px; width: 10%; color: yellow; }
#greenblock { float: left; height: 30px; width: 10%; color: green; }
</style>
</head>
<body bgcolor="black">
<div align="center">
<div id="redblock">●</div>
<div id="yellowblock">●</div>
<div id="greenblock">●</div>
</div>
</body>
</html>
技术细节
float: left 是让元素并排的关键。ID 选择器名称必须与 HTML 中的 id 属性严格一致。背景色通过 bgcolor 或 CSS 设置均可,但要注意兼容性。
备考建议
操作题得分的核心在于细节:标签结构完整、属性填写准确、无语法错误、布局逻辑清晰。平时练习时多关注类与结构的修正,遇到报错先检查闭合标签,再排查属性拼写。通过大量真题训练,能显著提升对代码规范的敏感度。

