前端开发是构建互联网视觉体验的核心技能，而 HTML 作为所有网页的骨架语言，其重要性不言而喻。对于想要踏入编程大门的初学者来说，面对复杂的生态系统往往感到无从下手。oeasy 推出的《教你玩转前端 HTML 视频课程》正是为这类人群量身打造的体系化入门指南。本课程不依赖厚重的理论说教，而是通过通俗易懂的语言和独特的幽默风格，将看似枯燥的代码知识转化为生动有趣的探索之旅，极大地降低了学习门槛，让零基础学员也能轻松跟上节奏。

课程的学习路径设计科学严谨，遵循由浅入深、由表及里的认知规律。学习伊始，课程并未直接切入代码编写，而是引导学员审视“浏览的工具”，深入解析各类浏览器的工作原理及插件机制，帮助学员建立正确的 Web 视图。紧接着，课程厘清了前台与后台的概念边界，简要介绍 PHP 等后端技术，使学员在宏观上把握 Web 开发的完整架构。随后，教学重心回归 HTML 本体，从网页的基本骨架元素讲起，逐步深入到 `strong`、`em` 等文本强调标签，以及段落 `p` 的使用规范。

随着课程的推进，学习内容逐渐丰富且实用。学员将掌握特殊字符与转义字符的处理技巧，了解 Unicode 编码中有趣的八卦图符号，以及 `pre` 元素的应用。课程还细致讲解了上标下标、缩写 `abbr` 等文本级元素，并引入了大纲视图等高效编辑工具。在列表部分，有序列表 `ol`、无序列表 `ul` 和定义列表 `dl` 得到了详尽的区分与演示，同时穿插了自动生成目录的高级技巧，确保学员能够构建结构清晰、语义规范的网页。

值得一提的是，这套课程不仅教授技术，更注重培养学员的历史视野与工程思维。课程专门设有专题回溯 HTML 的起源，从 Tim Berners-Lee 在 CERN 制定标准，到 Dan Connally 在邮件组中的推动，再到客户端交互界面的演变，这些内容让学员明白代码背后的演进逻辑。这种“史论结合”的教学方式，有助于学员理解 Web 标准的诞生背景，从而在未来的学习中更好地遵循规范。

完成本套课程后，学员将能够独立编写结构语义化、兼容良好的基础网页，为后续学习 CSS 样式层和 JavaScript 交互层打下坚实基础。建议学习者配合随课资料，先在本地搭建编辑环境，逐视频跟随练习，特别是针对列表、特殊字符等难点章节反复实操，以确保真正掌握 HTML 的精髓，顺利开启前端开发的大门。

课程目录

1 [oeasy]html01_元素一 浏览的工具 各种浏览器 浏览器插件 (48:19).mp4
 2 [oeasy]html02_元素二 建站程序 前台后台 后台代码 php (26:37).mp4
 3 [oeasy]html03_元素三 网页的基本框架 基本骨架 html基本元素 (35:17).mp4
 4 [oeasy]html04_元素四 strong em 重中之重 强中之强 元素 选择 (39:00).mp4
 5 [oeasy]html05_元素五 p paragraph 段落 ue ultraedit (37:18).mp4
 6 [oeasy]html06_元素六 特殊字符输入 转义字符 大于小于号 (52:07).mp4
 7 [oeasy]html07_元素七 八卦图unicode pre元素 hr元素 (50:28).mp4
 8 [oeasy]html08_元素八 TextLevel 上标下标 缩写abbr (01:18:50).mp4
 9 oeasy]html09_元素九 大纲视图 outlines outliner插件 (40:09).mp4
 10 [oeasy]html10_元素十 ol ordered list 有序列表 目錄的生成 (01:00:53).mp4
 11 [oeasy]html11_元素十一 ul unordered list 无序列表 (58:33).mp4
 12 [oeasy]html12_元素十二 dl defined list 定义列表 (54:04).mp4
 13 [oeasy]html13_元素十三 html1 性空 cern 标准 最初 注释 语言 (58:57).mp4
 14 [oeasy]html14_元素十四 緣起 dan connally www-talk (17:13).mp4
 15 [oeasy]html15_元素十五 客戶端 客人 命令提示符 图形用户界面 (42:29).mp4
 16 [oeasy]html16_元素十六 服務器 伺服器 服务器 server 响 (39:35).mp4
 17 [oeasy]html17_元素十七 瀏覽器 平台战略 平台和内容 (48:37).mp4
 18 [oeasy]html18_元素十八亙古 SGML GML IBM標籤的由來 (23:49).mp4
 19 [oeasy]html19_创建 timBL 瀏覽器的開發 瀏覽器誕生 (39:58).mp4
 20 [oeasy]html20_屬性1_图片 img标签 image 图片 src (27:31).mp4
 21 [oeasy]html21_屬性2_attribute 属性 图片 alt 大小 像素 (31:29).mp4
 22 [oeasy]html22_屬性3_表格 table tr td slice 切片 photoshop (26:08).mp4
 23 [oeasy]html23_屬性4目录 结构 图片 春夏秋冬 十二个月 (36:37).mp4
 24 [oeasy]html24_屬性5_表格 块儿级 行内 图片 引用 路径 (26:16).mp4
 25 [oeasy]html25_屬性6_工程 img 馬克安德森 w3c 浏览器 (40:02).mp4
 26 [oeasy]html26_屬性7_超鏈 a anchor href 超链接 传送门 (39:22).mp4
 27 [oeasy]html46_屬性27进击 进化的方向 html4 浏览器标准 (30:01).mp4
 28 [oeasy]html28_屬性9_全局 accesskey title lang 全局属性 (39:35).mp4
 29 [oeasy]html29_屬性10_鏈接屬性 rel target download type id (30:07).mp4
 30 [oeasy]html30_屬性11_初生 rel target a mosiac 浏览器 (30:12).mp4
 31 [oeasy]html31_屬性12表單 input form date time 搜索引擎 (23:45).mp4
 32 [oeasy]html32_屬性13註冊 input checkbox radio select (28:56).mp4
 33 [oeasy]html33_屬性14郵件 抄送 暗送 mailto bcc cc (39:58).mp4
 34 [oeasy]html34_屬性15爆發 mosiac netscape 瀏覽器大戰 (48:58).mp4
 35 [oeasy]html35_屬性16重生上 微軟 mosiac netscape 浏览器大战 (26:03).mp4
 36 [oeasy]html35_屬性16重生下 win95 win3.1 网景公司 (29:59).mp4
 37 [oeasy]html36_屬性17框架 iframe 框架 target name (21:03).mp4
 38 [oeasy]html37_屬性18層層 iframe 框架 幀 嵌套 嵌入式 (30:33).mp4
 39 [oeasy]html38_屬性19音頻 audio autoplay control loop 屬性 (15:59).mp4
 40 [oeasy]html39_屬性20視頻 webm video playbackrate 播放速率 (38:53).mp4
 41 [oeasy]html40_屬性21媒体 embed 视频 嵌入 swf flash (29:32).mp4
 42 [oeasy]html41_屬性22背景 td background image url (23:34).mp4
 43 [oeasy]html42_屬性23colspan rowspan 跨行 跨列 表格 (26:18).mp4
 44 [oeasy]html43_屬性24布局 切片 width 左右结构 height 背景 (37:52).mp4
 45 [oeasy]html44_屬性25走起 iframe table 嵌入 设置 网页 美观 (20:04).mp4
 46 [oeasy]html45_屬性26热点 map area 热点区域 图片 超链接 (29:31).mp4
 47 [oeasy]html46_屬性27进击 进化的方向 html4 浏览器标准 (30:01).mp4