HTML 入门：别急着背标签，先懂“骨架”思维
很多初学者在第一次写网页时，最直观的痛苦不是代码敲不完，而是完全不知道自己在干什么。打开编辑器，满屏都是尖括号和单词，却不知道这段代码最终会在浏览器里变成什么样子，也不知道为什么图片显示不出来、链接点不下去。这门课的核心目标，正是为了填补这个“从空白文件到完整页面”的认知缺口。它不追求让你立刻做出炫酷的效果，而是先把 HTML5.1 的底层逻辑讲透——即如何用语义化的标签去描述网页的结构。你将从零开始理解什么是开发环境，如何配置第一个 HTML 文件，以及最基础的标签语法和属性机制。这一阶段最忌讳的是只看不练，因为 HTML 是一门极度依赖手感的技术，眼睛学会了不代表手会了。
建议学习路径：环境先行，标签跟进，练习固化
课程的前几节课集中在开发环境的搭建和 HTML 概述上，这部分虽然听起来枯燥，但却是后续高效开发的基石。建议初学者务必耐心看完关于 HBuilder 使用以及 HTML 标签语法的章节，特别是标签属性和网页基础标签（如标题、段落、列表）的部分。这是你构建第一个网页所需的全部“砖瓦”。接下来的链接标签和列表标签是高频使用的基础构件，配合课后提供的语法练习题进行即时巩固，能有效避免记混标签闭合规则或属性拼写错误这类低级失误。资料包中提供的案例源码不要直接复制粘贴，而是尝试手动输入一遍，在报错和修正的过程中，你对代码结构的敏感度才会真正建立起来。只有当你能脱离教程，独立写出一个包含导航、正文、列表和链接的静态页面时，才算真正跨过了 HTML 入门的门槛。
学完能做什么：构建语义化静态页面的基础能力
完成本课程的学习后，你将具备独立编写标准 HTML5 静态页面结构的能力。具体而言，你能够熟练运用常用标签搭建网页的骨架，包括头部导航、内容区域、侧边栏以及页脚等常见布局结构；能够正确处理文本、图片、超链接和多级列表，并理解各标签的语义化含义，为后续学习 CSS 布局和 JavaScript 交互打下坚实基础。你将不再面对空白文档感到无从下手，而是能够清晰地规划页面元素，并用规范的代码实现它们。这份能力是前端开发者的起点，也是所有 Web 技术学习的必要前置条件。
课程目录
1-1 [开发环境搭建和HTML概述] 开发环境搭建和第一个网页 (05:53) 1-2 [开发环境搭建和HTML概述] HTML概述 (12:49) 1-3 [开发环境搭建和HTML概述] HTML标签语法 (18:03) 1-4 [开发环境搭建和HTML概述] HTML语法练习题 (04:02) 1-5 [开发环境搭建和HTML概述] HTML标签属性语法 (07:51) 1-6 [开发环境搭建和HTML概述] 网页基础标签 (09:20) 1-7 [开发环境搭建和HTML概述] body中标签初体验 (08:35) 1-8 [开发环境搭建和HTML概述] HBuilder的使用 (14:10) 1-9 [开发环境搭建和HTML概述] 列表标签 (13:02) 1-10 [开发环境搭建和HTML概述] 链接到某个网页 (09:24) 1-11 [开发环境搭建和HTML概述] base标签 (07:38) 1-12 [开发环境搭建和HTML概述] 锚点 (07:27) 1-13 [开发环境搭建和HTML概述] 嵌入图片 (11:28) 1-14 [开发环境搭建和HTML概述] 图片映射 (06:12) 1-15 [开发环境搭建和HTML概述] 嵌入音频视频 (13:50) 1-16 [开发环境搭建和HTML概述] 嵌入网页 (10:28) 1-17 [开发环境搭建和HTML概述] 嵌入网页作业 (01:46) 1-18 [开发环境搭建和HTML概述] 嵌入PDF,FLUSH等 (08:04) 1-19 [开发环境搭建和HTML概述] 表格标签1 (10:31) 1-20 [开发环境搭建和HTML概述] 表格标签2 (06:56) 1-21 [开发环境搭建和HTML概述] 单选框和多选框 (11:11) 1-22 [开发环境搭建和HTML概述] input标签系列介绍 (13:43) 1-23 [开发环境搭建和HTML概述] editplus的使用 (15:33) 1-24 [开发环境搭建和HTML概述] 文本语义标签 (24:52) 1-25 [开发环境搭建和HTML概述] 分区和分组标签 (15:45) 1-26 [开发环境搭建和HTML概述] head下子标签 (20:02) 1-27 [开发环境搭建和HTML概述] 其他和已过时标签 (07:41)
