这门课解决什么问题
很多零基础的人学网页制作，上来就打开编辑器写代码，结果卡在第一步：不知道 <!DOCTYPE> 是干什么的，不明白 head 和 body 为什么要分开，更说不清“结构层、表现层、行为层”到底是什么关系。这门课就是解决这类问题的——它不是教你背标签，而是先把网页的组成逻辑讲透，再带你认识 HTML 里最常用的标签。
课程开篇用“欢迎来到网页世界”的方式，先讲网页的三大组成元素，再拆解结构层、表现层、行为层各自承担什么职责。这部分看起来简单，但恰恰是很多自学的人跳过去的知识点。后面进入 HTML 标签的学习，分成“非构造页面标签”和“构造页面必备标签”两类来讲。这种分类方式对新手很友好，因为你能明确知道：哪些标签决定页面骨架，哪些只是局部修饰。
如果你的基础是“完全没碰过代码”，这门课的起点足够低，不要求你有任何编程背景。如果你已经写过一些 HTML，但只会照着例子抄，说不清每个标签存在的理由，那这门课也能帮你把知识梳理通。建议先看第 1 章（网页三大组成元素、DOCTYPE、结构层/表现层/行为层），再看第 2 章里关于 head 和 body 的讲解，最后看标签分类介绍的几节。这个顺序比按目录顺序硬啃更快建立整体认知。
看完能独立做什么
学完这门课，你能独立完成一个结构清楚的静态网页——包括正确的页面声明、合理的 head 信息、符合语义的正文标签。你能分清楚哪些标签负责页面骨架（比如标题、段落、列表、链接），哪些标签只是修饰局部文字或排版。你还会养成一个很重要的习惯：写代码注释。这看起来不起眼，但对你以后维护代码、和别人协作，是第一步的素养。
这里要说清楚一个边界：这门课的核心是 HTML 结构层，CSS 只是串联在讲解中。所以你学完能做出“结构清楚、内容完整”的页面，但还不具备独立完成复杂视觉设计的能力。这正好是它作为“地基课”的定位——如果 HTML 结构没理顺，后面学 CSS 就是在沙地上盖楼。
资料怎么配合练习
这套资料是视频课，建议你不要只看不动手。每学完一小节，就打开一个空白的 HTML 文件，把视频里提到的标签自己敲一遍——不是复制，是手动敲。敲完用
课程目录
1-1 [欢迎来到网页世界] 趣谈网页成员及学后水平分析 (07:14) 1-2 [欢迎来到网页世界] 详细介绍网页三大组成元素和<!DOCTYPE>标签 (07:11) 1-3 [欢迎来到网页世界] 详细讲解结构层、表现层和行为层 (04:33) 2-1 [页面结构层HTML] 介绍HTML文本结构和head、body的作用 (09:00) 2-2 [页面结构层HTML] 介绍良好习惯之代码注释 (06:11) 2-3 [页面结构层HTML] 非构造页面标签元素介绍 (07:41) 2-4 [页面结构层HTML] 构造页面必备之HTML标签元素介绍(一) (10:51) 2-5 [页面结构层HTML] 构造页面必备之HTML标签元素介绍(二) (06:52) 2-6 [页面结构层HTML] 构造页面必备之HTML标签元素介绍(三) (07:58) 2-7 [页面结构层HTML] 构造页面必备之HTML标签元素介绍(四) (14:07) 2-8 [页面结构层HTML] 页面常见元素之HTML表格 (06:01) 2-9 [页面结构层HTML] 重量级元素之HTML表单 (07:26) 2-10 [页面结构层HTML] 给标签元素一个命名,让程序更容易找到 (05:06) 2-11 [页面结构层HTML] 行内元素、块级元素和行内块级元素的区别 (11:10) 3-1 [房子装修工程师CSS] 详细讲解盒子模型 (11:39) 3-2 [房子装修工程师CSS] 关于css选择器的权重计算艺术 (14:24) 3-3 [房子装修工程师CSS] 讲解css常见样式属性 (15:43) 3-4 [房子装修工程师CSS] 详细讲解浮动float跟清除浮动 (09:57) 3-5 [房子装修工程师CSS] 深度讲解css定位position (21:00) 3-6 [房子装修工程师CSS] 常见两栏自适应布局讲解 (09:47) 3-7 [房子装修工程师CSS] 常见水平居中垂直居中实现方式 (12:36) 3-8 [房子装修工程师CSS] 经典三角形实现方式详解 (08:58) 3-9 [房子装修工程师CSS] 经典圆形实现方式详解(css3属性border-radius (04:33) 3-10 [房子装修工程师CSS] 样式写入的常见方式讲解 (04:27) 4-1 [页面实战之搭建自己的第一个静态页面] 分析页面的构造及讲解该如何写一个完整的页面 (08:26) 4-2 [页面实战之搭建自己的第一个静态页面] 实战编写静态页面(一) (22:45) 4-3 [页面实战之搭建自己的第一个静态页面] 实战编写静态页面(二) (25:26) 4-4 [页面实战之搭建自己的第一个静态页面] 回顾过去展望将来和搭建自己的学习路线 (04:56)
