WEB前端-HTML-零基础10天学习视频课程（Head老师）

缺什么补什么：别把 HTML 当“抄一遍标签”的活

很多转岗或补基础的同学，一上来就扎进 CSS 和 JavaScript，写页面时却连表单字段提交的键值对都理不清，图片路径经常因为绝对路径和相对路径的混淆而大面积失效。这门课要解决的，正是这种“页面能凑合显示，但结构经不起推敲”的底子虚问题。它不跟你扯什么全栈架构，就是死磕 HTML 这门标记语言本身。如果你写网页全靠编辑器自动补全，离了提示就不知道某个容器该用什么标签，或者压根分不清列表、表格、表单的语义化场景，那这门课就是用来给你重新打地基的。别假装都会，先把骨架搭对，再去谈样式和交互。

怎么练：先啃透路径与表单，别只看不动手

课程内容从基础的文档结构概述开始，逐步铺开列表、超链接、路径、页面常用标签、图片、表格，最后收束在表单和框架集上，并带了一个综合项目。建议先看概述和列表这两块，把文档的骨架和基础嵌套规则彻底弄明白。接着，重点啃透“路径”和“表单”这两个章节。路径决定了你的站点在本地和服务器上资源能不能正确加载，很多人项目一上线就大面积裂图，根因就在这里；表单则是前端与后端数据交互的起点，弄懂各类输入控件的类型和默认行为，比背诵 CSS 属性重要得多。资料包里的视频不能只在通勤路上当播客听，必须开着代码编辑器边看边敲。看完每一节，自己造一个只有几十行代码的纯 HTML 页面，把刚学的标签实际跑一遍。最后那个综合项目，不要直接看源码，先尝试自己根据需求把结构搭出来，卡壳了再回去查漏补缺。

学完能干什么：脱离编辑器提示搭出合规骨架

学完这门课，你应能独立完成一个多页面的静态网站结构搭建，且不依赖任何框架和外部样式。具体来说，你要能闭着眼睛默写出一个标准的 HTML 文档骨架，知道各种内容该往哪个语义标签里塞；遇到需要用户填写的注册或登录界面，能立刻用表单元素组合出完整的提交结构，并清楚每个控件的用途；在处理复杂的嵌套列表或合并单元格的表格时，不再乱敲试错，而是能精准写出层级关系。配套练习方面，建议按视频里的项目需求，自己手写一份包含导航、图文列表、数据表格和反馈表单的完整页面。写完后，把代码文件发给懂行的人看一眼，只要他们说“结构清晰，标签用对了地方”，你这块的基础就算补扎实了，可以安心往 CSS 的坑里跳了。