HTML，全称Hyper Text Markup Language，中文名“超文本标记语言”，是网络必不可少的基础，用于创建网页的结构和内容。因此，学习HTML对于任何对前端开发、网页设计或者数字营销感兴趣的人来说都是必不可少的技能。本文盘点了9个免费学习HTML的网站和教程，帮助你自学常见的HTML标签和属性并搭建起你的网页。
- 编程狮 - HTML入门教程
- W3School - HTML教程
- 菜鸟教程 - HTML5标准教程
- MDN - HTML学习区
- HTMLReference - 免费HTML指南
- 慕课网 - 初识HTML5 + CSS3
- Codecademy - 学习HTML
- BitDegree - HTML5教程
- Programiz - 初学HTML
1. 编程狮 - HTML入门教程
W3CSchool编程狮提供了一系列专业的W3C在线教程及技术手册，其中便包括了HTML、CSS、JavaScript、PHP等技术。该平台推出的HTML教程累计阅读数已突破1900万次，其教程提供了详细易懂的说明和互动性的HTML示例帮助你快速入门HTML。教程搭配其HTML微课、HTML视频教程、HTML实战练习和HTML参考手册，让你全面地掌握HTML知识。
网址：https://www.w3cschool.cn/html/
2. W3School - HTML教程
W3School是国内最受欢迎的HTML和前端开发学习资源和教程网站之一，该平台的免费HTML教程提供了全面详细的HTML教学说明、完善的HTML参考手册、HTML测验程序和100个HTML实例，帮助你轻松高效地学习HTML。除开纯粹的HTML教程外，该网站也有JavaScript的HTML DOM学习文档，帮助你使用JS访问和操作HTML。
网址：https://www.w3school.com.cn/html/index.asp
3. 菜鸟教程 - HTML5标准教程
菜鸟教程的HTML教程基于HTML5标准，对常见的HTML标签都提供了详细的介绍，并提供了数百个HTML实例、完整的HTML参考手册（包括HTML标签、属性、颜色、实体等的参考）和一个实时的在线HTML编辑工具。此外，网站上还提供了一个学习笔记的功能，你可以在每一个章节结尾学习完后，记录下自己的HTML学习笔记。
网址：https://www.runoob.com/html/html-tutorial.html
4. MDN - HTML学习区
MDN全称Mozilla Developer Network（Mozilla开发者社区），该网站针对于网页开发的新手小白，提供了HTML的入门基础介绍、HTML文章和示例教程、HTML标签的参考手册，还提供了更加高级的主题，如CORS处理跨域图片、CORS设置属性和使用rel=preload预加载页面内容等，如果你想进一步地学习前端开发，该网站还提供了一个Web前端开发者学习路线图，帮助你系统性地入门网页开发。
网址：https://developer.mozilla.org/zh-CN/docs/Web/HTML
5. HTMLReference - 免费HTML指南
HTMLReference是一个优质的HTML在线学习资源，提供了完整的HTML参考指南，包含了所有HTML元素和属性的详细说明。在HTMLReference上，你可以了解所有HTML元素的语法、属性和用例，包括最常用的元素，如标题、段落、链接、图像、表格、表单等。每个元素的文档都包含示例和代码片段，以帮助你了解如何正确使用它，对于希望提高HTML技能并了解最新HTML标准和最佳实践的所有级别的网页开发人员来说，该网站都是一个宝贵的HTML学习资源。
6. 慕课网 - 初识HTML5 + CSS3
慕课网作为国内专业的针对程序员培训和自我提升的编程学习平台，提供了一系列的免费课程，其中由“五月的夏天”前端工程师讲授的《初识HTML5+CSS3》免费入门级课程广受欢迎，累计已超过12万人学习。该课程从最基本的概念开始，以知识点讲解搭配小案例的形式，帮助你学习和掌握HTML和CSS的必备基础知识，以搭建起一个静态网页页面。
网址：https://www.imooc.com/learn/9
7. Codecademy - 学习HTML
Codecademy提供了学时约9小时的6节HTML学习课程，并包括4个项目和5个课后测试，该入门级的免费HTML自学课程在全世界已超过255万人参与学习，不需要编程基础，便可以开始学习HTML网页制作。通过该课程，你可以学习到HTML的常见元素和结构、HTML表格、HTML表单验证以及语义化的HTML标签。最棒的一点是，在Codecademy，你可以不只是观看或阅读讲授的代码，还可以在其线上互动平台上编写自己的代码。你甚至会得到人工智能驱动的学习建议，让你知道需要复习什么知识点，以帮助你保持正轨。
网址：https://www.codecademy.com/learn/learn-html
8. BitDegree - HTML5教程
BitDegree上基于最新HTML5标准的全面的HTML教程，将教会你开始编写复杂网站的基本知识。该HTML5教程将首先对HTML及其功能进行广泛而全面的介绍，你将会了解HTML标签、属性以及可以使用它们执行的操作。在几分钟内，你将学会尝试构建你的第一个网站。完成该HTML5教程后，你将掌握所有HTML代码基础知识和编写技巧、如何将HTML与其他语言编写的代码集成、如何高效地排除Bug测试和编写代码。
网址：https://cn.bitdegree.org/courses/kecheng/html5-jiaocheng-zhongwen
9. Programiz - 初学HTML
Programiz 的HTML教程是为希望从零学习HTML的初学者设计的，涵盖了HTML的所有基础知识，HTML语法和基本结构，包括标记、属性和元素；如何使用HTML创建各种类型的内容，如标题、段落、列表、表格、表单和多媒体；编写HTML的最佳实践，包括使用语义标记、优化可访问性和优化性能等。Programiz的HTML教程结构清晰，并提供了循序渐进的说明和示例，该课程为你的HTML提供了坚实的基础，并引入了CSS和JavaScript中的重要概念。
