二级 Web 前端程序设计选择题占 40 分。这门科目考点涵盖网络协议、HTML5 标签规范、CSS3 层叠与盒模型以及 JavaScript 基础语法，很多考点其实搞清楚底层逻辑就能秒杀，但死记硬背很容易在细节上丢分。
整理了在 web.code2ji.cn 题库里刷到的 20 道典型高频真题与避坑要点。
1. URL 结构中的访问协议识别
在字符串 http://www.abc.com:8080/login.htm 中，使用的访问协议是：
选项 ：
A. www
B. http
C. 8080
D. login.htm
答案：B
解析 ：
URL 的标准格式是：协议://域名:端口号/资源路径。
最前面的 http 是访问协议，www.abc.com 是域名，8080 是端口号，login.htm 是请求的页面文件。
2. 超级链接的载体范围
下列关于超级链接的描述中，正确的是：
选项 ：
A. 只有文本可以设为超级链接
B. 只有音频可以设为超级链接
C. 只有视频可以设为超级链接
D. 以上都不对
答案：D
解析 ：
在 HTML 里，<a> 标签不仅能包裹纯文本，还能包裹图片（<img>）、按钮、图标甚至整块 <div> 容器，载体非常广泛，所以 A、B、C 的说法都太绝对了。
3. Web 工作原理与 HTTP 协议的本质
下列关于 Web 的工作原理描述中，错误的是：
选项 ：
A. HTTP 协议用于在服务器和浏览器之间传送网页数据
B. 浏览器负责网页数据的请求和显示
C. 服务器负责响应浏览器的请求
D. HTTP 负责响应浏览器的请求
答案：D
解析 ：
HTTP 是一种通信规则（协议），本身并不是可运行的程序实体。真正负责监听端口、接收并响应请求的是运行在服务器上的 Web 服务器软件（比如 Nginx、Apache、Tomcat 等）。
4. HTTP 传输层协议与默认端口
根据 HTTP 标准定义，HTTP 协议通常监听的协议和端口号是：
选项 ：
A. TCP/80 端口
B. UDP/80 端口
C. ICMP/443 端口
D. TELNET/443 端口
答案：A
解析 ：
HTTP 协议基于传输层的 TCP 连接，默认端口号是 80（如果是加密的 HTTPS 默认端口是 443）。
5. HTTP 报文格式结构
下列关于 HTTP 消息格式的描述中，正确的是：
选项 ：
A. 请求消息由状态行、消息头、消息体构成
B. 响应消息由开始行、状态行、消息头、消息体构成
C. 请求消息由开始行（请求行）、消息头、消息体构成
D. 响应消息由开始行、消息头、消息体构成
答案：C
解析：
- 请求报文：由请求行（开始行）、请求头（Headers）、空行、请求体（Body）组成；
- 响应报文：由状态行（Status Line）、响应头（Headers）、空行、响应体（Body）组成。
6. HTML 页面标题标签
下列关于 HTML 文档标记中，表示页面标题的标记是：
选项 ：
A. <head></head>
B. <header></header>
C. <title></title>
D. <caption></caption>
答案：C
解析 ：
<title> 放在 <head> 内部，用来定义显示在浏览器顶部标签页上的网页标题。
7. 外部样式表引入位置
在 HTML 文档中，引用外部样式表的语句应放置在：
选项 ：
A. <script>
B. <title>
C. <head>
D. <body>
答案：C
解析 ：
通过 <link rel="stylesheet" href="..."> 引入外部 CSS 文件时，按照 HTML 标准必须写在 <head> 标签内部。
8. 邮件超链接语法
下列语句中，能正确制作电子邮件链接的是：
选项 ：
A. <a href-xxx@yyy>
B. <mailto href=xxx@yyy>
C. <a href=mailto:xxx@yyy>
D. <mail xxx@yyy>
答案：C
解析 ：
制作点击直接调起邮件客户端的链接，标准格式是 <a href="mailto:邮箱地址">。
9. 表单多选复选框控件
下列 HTML 语句中，能正确产生复选框的是：
选项 ：
A. <input type=radio>
B. <input type="heck">
C. <input type="checkbox">
D. <input type="select">
答案：C
解析 ：
type="checkbox" 是多选复选框；type="radio" 是单选框；下拉框使用的是 <select> 标签。
10. 新窗口打开超链接
下列 HTML 语句中，能在新窗口中打开链接的是：
选项 ：
A. <a href='url' target='new'>
B. <a href='url' target='_blank'>
C. <a href='url' target='_top'>
D. <a href='url' target='_self'>
答案：B
解析 ：
target="_blank" 表示在新标签页/新窗口中打开链接；target="_self" 是在当前页面打开（默认行为）。
11. HTML 有序列表标签
下列 HTML 元素标签中，能建立有序列表的是：
选项 ：
A. <u>
B. <l>
C. <ol>
D. <dl>
答案：C
解析：
<ol>（Ordered List）：带数字编号的有序列表；<ul>（Unordered List）：带圆点符号的无序列表；<u>：下划线标签。
12. CSS 英文单词全称
层叠样式表 CSS 的英文单词全称是：
选项 ：
A. Computer Style Sheet
B. Cascading Style Sheets
C. Creative Style Sheet
D. Colorful Style Sheet
答案：B
解析 ：
CSS 的英文全称是 Cascading Style Sheets（层叠样式表）。
13. CSS 基本语法规则
下列选项中，CSS 语法正确的是：
选项 ：
A. body.color:black
B. {body.color=black}
C. body{color:black}
D. {body.color:black}
答案：C
解析 ：
CSS 规则的标准语法结构是：选择器 { 属性: 属性值; }。
14. CSS 文本字体加粗
在以下的 CSS 语句中，可使所有 <p> 元素变为粗体的是：
选项 ：
A. <style "font-weight:bold">
B. <p style "font-weight:bold">
C. p{font-weight:bold}
D. p{font-size:bold}
答案：C
解析 ：
控制文本粗细的属性是 font-weight，取值 bold 表示加粗；font-size 是控制字体大小的。
15. CSS 清除超链接下划线
下列样式中，能使显示的超链接没有下划线的是：
选项 ：
A. a{text-decoration:none}
B. a{text-decoration:no underline}
C. a{underline:none}
D. {decoration:none}
答案：A
解析 ：
超链接自带下划线，要去掉下划线需设置 text-decoration: none;。
16. CSS 控制字体系列属性
下列属性中，能够控制元素字体的属性是：
选项 ：
A. font-weight
B. font-family
C. font-size
D. font-type
答案：B
解析 ：
font-family 用来设置字体系列（比如宋体、微软雅黑、Arial 等）。
17. 块级元素与行内元素辨析
下列标签中，不属于块元素的标签是：
选项 ：
A. <span>
B. <div>
C. <p>
D. <table>
答案：A
解析 ：
<div>、<p>、<table> 都是独占一行的块级元素（Block）；<span> 是行内元素（Inline），不会自动换行。
18. CSS 样式优先级从高到低排列
将 CSS 样式表的作用优先级从高到低排列，正确的顺序是：
选项 ：
A. 文档层样式表、外部样式表、行内样式表
B. 行内样式表、文档层样式表、外部样式表
C. 文档层样式表、行内样式表、外部样式表
D. 行内样式表、外部样式表、文档层样式表
答案：B
解析 ：
在没有 !important 提权的情况下，离标签越近优先级越高：
行内样式（标签 style 属性） > 文档层内部样式（<style> 标签） > 外部样式表（<link> 引入） > 浏览器默认样式。
19. CSS 盒模型边框四值顺时针缩写
在设置边框时，能够设置上边框 10px、下边框 5px、左边框 20px、右边框 1px 的语句是：
选项 ：
A. border-width: 10px 5px 20px 1px
B. border-width: 10px 1px 20px 5px
C. border-width: 10px 1px 5px 20px
D. border-width: 10px 20px 5px 1px
答案：C
解析 ：
记死顺时针口诀：上 o 右 o 下 o 左 。
对应数值：上(10px)、右(1px)、下(5px)、左(20px)，合起来就是 border-width: 10px 1px 5px 20px;。
20. JavaScript 数组声明语法
下列定义数组的语句中，正确的 JavaScript 语句是：
选项 ：
A. var aa=new Array("george","tom",thomas)
B. var aa=new Array(1:"george",2:"tom",3:"thomas")
C. var aa=new Array("george","tom","thomas")
D. var aa=new Array(13)("orge","jion","thomas")
答案：C
解析 ：
用 new Array(...) 构造字符串数组时，每个字符串元素都必须加引号包裹。A 选项中最后一个 thomas 没加引号会被当成未定义变量报错；B 选项写成了键值对语法；C 选项完全正确。
平时备考可以在手机端直接刷题：web.code2ji.cn，选择题做完自动出分，程序题支持右侧实时预览网页效果。