模块一回顾与测验
本教程共 110 篇 · 第 12 篇 · 更新于 2026-07-28 · 约 5 分钟阅读
12. 模块一回顾与测验
本节目标：回顾模块一所有知识点，通过测验查漏补缺。
恭喜你完成模块一！我们学了 HTML 的基础知识和文档结构。来检验一下掌握情况吧。
知识点回顾
第 1-3 章：HTML 基础
- HTML 是超文本标记语言，描述网页结构
- 它和 CSS（样式）、JavaScript（行为）并称网页三件套
- “HTML5”现在指代现代 HTML 生态，正式标准是 Living Standard
<!DOCTYPE html>声明文档类型，确保标准模式渲染- 标准模式和怪异模式的区别
第 4-7 章：文档结构
<html>是根元素，lang="zh-CN"声明页面语言<head>放元数据，<body>放可见内容<meta charset="utf-8">必须写，防乱码- viewport 是移动端页面标配
<title>影响 SEO 和浏览器标签- favicon 用
<link rel="icon">引入
第 8-11 章：引入资源与规范
<style>写内联 CSS，<link>引入外部样式表<script>引入 JavaScript，defer是推荐的加载方式- HTML 注释用
<!-- -->，不会渲染到页面 - 代码规范：小写、双引号、正确嵌套、合理缩进
测验
1. HTML 是什么的缩写？
A. Hyper Text Markup Language B. Hyperlinks and Text Markup Language C. Home Tool Markup Language D. Hyper Transfer Markup Language
点击查看答案
A。HTML 全称 HyperText Markup Language，超文本标记语言。
2. 哪个标签应该放在 HTML 文件的第一行？
A. <html>
B. <head>
C. <!DOCTYPE html>
D. <meta>
点击查看答案
C。DOCTYPE 声明必须放在文件最开头，告诉浏览器用标准模式渲染。
3. 哪个标签用于声明字符编码？
A. <meta charset="utf-8">
B. <meta encoding="utf-8">
C. <charset>utf-8</charset>
D. <encoding>utf-8</encoding>
点击查看答案
A。<meta charset="utf-8"> 是声明字符编码的标准写法。
4. 下面哪种嵌套方式是正确的？
A. <p>文字<strong>加粗</p></strong>
B. <p>文字<strong>加粗</strong></p>
C. <p>文字</p><strong>加粗</strong>
D. B 和 C 都对
点击查看答案
D。B 是正确的嵌套，C 是两个并列的元素，都没问题。A 是交叉嵌套，错误。
5. script 标签的 defer 属性有什么作用？
A. 脚本立即执行 B. 脚本异步下载，下载完就执行 C. 脚本异步下载，等页面解析完再执行 D. 脚本完全不执行
点击查看答案
C。defer 表示异步下载但不立即执行，等整个 HTML 文档解析完才按顺序执行。
6. 选出所有空元素
A. <div> <span> <p>
B. <br> <img> <hr>
C. <input> <select> <textarea>
D. <meta> <title> <link>
点击查看答案
B。<br>、<img>、<hr> 都是空元素，没有结束标签。
7. viewport meta 标签的主要作用是？
A. 设置页面标题 B. 控制移动端页面的视口尺寸 C. 声明字符编码 D. 引入样式表
点击查看答案
B。viewport 让移动端浏览器按真实屏幕尺寸渲染页面，而不是缩小显示。
小结
如果你能轻松答对以上 7 道题，说明模块一掌握得不错。如果有不确定的地方，建议回去复习对应章节。
模块二我们将学习文本与语义元素，包括标题、段落、强调、引用等标签。继续加油！