HTML零基础入门视频课程

这门课解决什么问题

很多人学 HTML 是直接抄模板或跟着视频敲一遍，结果标签认识几个，但遇到"为什么用 div 不用 p""表单提交数据有什么用"就卡住了。这套课就是针对这种零基础的状态——它把 HTML 从页面元素、格式排版、图片链接、表单交互到 later 嵌入框架（frame/iframe）逐一拆开讲，顺便把 CSS 选择器、字体背景、边框列表、表格边距这些样式基础也覆盖了。换句话说，它不是只教"能画出页面"，而是让你弄懂浏览器拿到一段标记后，为什么渲染成那个样子。

适合什么基础：完全没写过代码的人，以及那种"会改别人模板、但自己写就手抖"的半入门者。只要你熟悉电脑基本操作，能装软件，就可以从第一集开始跟。如果你已经能熟练手写静态页面，那这门课偏基础，建议直接跳过 HTML 部分去看 CSS 的样式细节。

内容重点与建议先看哪几块

课程前半段是 HTML 核心：页面元素介绍、基础标签、格式标签、字体与图片、超链接与表单。这五集是必须逐个看并且动手敲的，它们是后面所有内容的地基。尤其是表单元素那部分，涉及的 input 类型、name 属性、提交逻辑，很多人学了半年还是迷糊，这套课把它拆得比较细。

后半段混合了 HTML 框架和 CSS 样式：frame 与 iframe 这一部分，现在实际生产端 frame 已经基本废弃，但 iframe 在第三方嵌入、后台页面里还在用，建议重点看 iframe 与 CSS 选择器那一集。从 CSS 字体背景到边框列表、表格继承边距，建议按顺序看，因为后面会用到前面的选择器命名和继承概念。vim 和 sublime 的编辑器使用部分可以快速过，但别完全跳过——至少要知道怎么用编辑器新建文件、保存为 .html 后缀并高亮代码，否则后面练习时效率会很低。

学完能独立做什么

学完后，你应该能独立写一个不依赖任何框架的静态网页：包含多级标题、段落、图片、超链接跳转、一个能提交的表单、下拉框、以及用 CSS 做的文字排版、背景颜色、边框圆角、列表样式和简单的表格布局。还能用 iframe 嵌一个地图或视频页面，并讲清楚 CSS 继承和边距基础。

资料怎么配合练习：不建议一集一集纯看。每看完一集 HTML 内容，就打开编辑器对着写一遍，然后尝试改动一两个属性，比如把字体大小、图片宽度、链接颜色改掉，观察变化。看完 CSS 选择器那集后，回到前面写的页面里，把所有内联样式改成 style 标签或外部 CSS 文件，这一步很关键——它帮你把"HTML 结构"和"CSS 样式"彻底分开理解。全部过完后，给自己出一个综合题：做一个个人简介页面（简介文字+照片+跳转链接+留言表单+表格展示技能），把课程里涉及的元素尽量都用上。做完再回头查目录里哪一部分让你卡住了，那就是你需要补看的短板。这套课没有项目实战，所以最后的综合练习必须自己做，否则你只是在"看过"而非"会写"。