二级Web前端选择题高频真题20道与考场避坑笔记

原创于 2026-08-19 15:25:17 发布 · 227 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

话题

#CodingPlan·八月创作之星博客挑战赛

二级 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，选择题做完自动出分，程序题支持右侧实时预览网页效果。

标签

#计算机二级 #Web前端 #二级Web #Web真题 #HTML5