</> 网页设计基础考试 HTML & CSS · 零基础自测

Web Design Fundamentals

把学过的 HTML 和 CSS
真正测一遍

9 套入门试卷,全部为选择题。从标签结构、列表链接、表格表单, 到选择器、颜色文字、盒模型,难度依次递进(入门1 → 入门2 → 入门3)。 答完立即出分,并附逐题解析。

9套试卷
180道题目
100分满分

姓名必填,且只能填写中文汉字

必填 · 仅限中文汉字

HTML 专项 结构与标签

3 套
HTML-01 入门1

HTML 入门1 · 标签与文档结构

从「HTML 是做什么的」开始,认识标签、文档结构、标题与段落,第一次写网页也能跟上。

20 题 20 分钟 100 分
HTML-02 入门2

HTML 入门2 · 列表、链接与图片

练习最常用的页面元素:列表、超链接、图片、文字强调与特殊字符,学会把内容串成一张完整页面。

20 题 20 分钟 100 分
HTML-03 入门3

HTML 入门3 · 表格、表单与常用标签

认识表格的几行几格、表单的输入框与按钮,以及 div、header 等常见布局标签,够用就好。

20 题 20 分钟 100 分

CSS 专项 样式与布局

3 套
CSS-01 入门1

CSS 入门1 · 认识 CSS 与选择器

搞清楚 CSS 是干什么的、三种写法分别写在哪,再认识标签、类、id 三种最基础的选择器。

20 题 20 分钟 100 分
CSS-02 入门2

CSS 入门2 · 颜色、文字与背景

把文字变好看的第一步:颜色、字号、字体、对齐、下划线与背景色,都是最常用的几条属性。

20 题 20 分钟 100 分
CSS-03 入门3

CSS 入门3 · 盒模型与布局入门

理解盒子由内容、内边距、边框、外边距组成,再学会用 margin 居中、用 flex 排一行。

20 题 20 分钟 100 分

综合混合 结构与样式综合

3 套
MIX-01 入门1

混合 入门1 · 结构与样式配合

把 HTML 和 CSS 合起来用:给元素加类、引入样式表、改背景和链接颜色,打通第一张完整页面。

20 题 20 分钟 100 分
MIX-02 入门2

混合 入门2 · 常见元素美化

按钮圆角、卡片阴影、表格细线、图片自适应、文本省略号——把学到的属性拼成看得见的效果。

20 题 20 分钟 100 分
MIX-03 入门3

混合 入门3 · 小案例与排错

样式为什么不生效?图片为什么不出来?——新手最常踩的坑,以及用开发者工具自己排查的方法。

20 题 20 分钟 100 分

考试说明

  • 开始考试前必须填写考生姓名,仅支持 2-12 位中文汉字,数字与符号无法提交。
  • 每套试卷 20 道单项选择题,每题 5 分,满分 100 分。
  • 三套试卷难度递进:入门1 认识基础、入门2 常见用法、入门3 综合运用。
  • 计时结束会自动交卷,中途刷新页面不会丢失已选答案。
  • 交卷后立即显示得分与逐题解析,可重新挑战同一套试卷。