学习 HTML
免费的 HTML 互动在线课程。每节课你都要亲手写 HTML，边写边实时预览，学完还能获得免费证书。
284,137+ 名学习者已加入
241 节课233 个挑战1,192 道测验题
- 适合初学者
AI 辅助编程帮助
动手实践的互动课程
每节课都有语音讲解
检验所学的测验
免费结业证书
课程大纲
HTML 课程
动手实践的 HTML 课程，在浏览器中免费开始。
日食动画 | HTML/CSS 项目
热门在这门课程中，你将制作一段精彩的“日食”动画，展示如何利用动画创建引人入胜且实用的用户界面。
- 10
- 8
- 1
Instagram 页面克隆｜前端项目
热门在这门课程中，你将练习标准、简单的 HTML 和 CSS 写法，并创建一个 Instagram 页面克隆项目。
- 16
- 14
- 1
HTML/CSS 挑战包 I
这门课程会以有趣又有效的方式挑战你对 HTML 和 CSS 的了解！
- 11
HTML 入门网站
在这门课程中，你将检验自己对 HTML 的基础知识，并创建一个包含图片和文字的基础网站。准备好了吗？
- 5
- 4
- 1
底部导航栏：HTML/CSS 项目
在这门课程中，你将使用 HTML 创建一个简单的底部导航栏，并用 CSS 为它添加样式。你还将学习如何使用 CSS 的 :hover 选择器添加简单的动画效果。
- 12
- 11
- 1
YouTube 视频播放器：HTML 项目
在这个项目中，你将使用 HTML 创建一个 YouTube 视频播放器，并在过程中探索各种属性。
- 7
- 5
- 1
在实践中学习
编写真实代码、查询数据库、搭建网站、掌握 AI 提示词。我们的互动课程涵盖现代开发者需要的每一项技能。
打造你的连胜
坚持下去，看着自己不断进步！记录每天的编程习惯，用冻结天数保护连胜，每天打卡都能赢取奖励。
12 天连胜
明天再来，保持你的连胜！
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
加倍或归零
第 5 天，共 7 天
连胜冻结
2 left
随时随地写代码
随时随地继续你的编程学习旅程！无需配置，无需下载：打开就能写代码。支持 iOS、Android 和 Web，评分高达 4.9 星。
你并不孤单
在全球排行榜上一较高下，邀请好友赢取奖励，为彼此的成就喝彩。和好友一起编程更有趣！
1
2
3
晋级区多种学习方式
阅读、收听、自我测验、问 AI，或者查阅学过的任何内容。每节课都配合你的节奏。
变量是一个有名字的容器，用来存储值，方便你在程序后面引用。
在 Python 中，创建变量只需写下名字、一个等号，再写上要存储的值。
值可以随时间变化。给这个名字重新赋值，它就会指向新的值。
获得证书
每完成一门课程都能获得证书。把证书添加到你的 LinkedIn 个人资料和简历中，向雇主展示你的编程能力。
结业证书Python 基础
添加到 LinkedIn为什么在 Coddy 学 HTML
- 在浏览器中写 HTML，旁边同时显示渲染出的页面。不用安装编辑器，也不用任何配置。你对 HTML 代码的每一处改动都会实时显示，反馈来得很快。
- 现代的语义化 HTML：标题、列表、链接、图片、表格、表单，以及
<header>、<nav>、<main>、<section>、<footer>这样的语义化标签。都是你真正用来搭建网站的 HTML。 - AI 提示帮你修正 HTML 错误，比如标签没闭合、属性语法写错、可访问性上的疏漏，又不会直接剧透答案，让好的 HTML 编码习惯真正养成。
- 学完即可获得免费的 HTML 证书。这是 Web 开发可信的第一步，自然衔接 CSS 和 JavaScript 课程。
关于学习 HTML 的常见问题
HTML 难学吗？
HTML 是技术领域最容易学的东西之一。它是一种标记语言，而不是编程语言：你做的是给内容的各个部分（标题、段落、链接、图片）打上标签，而不是编写逻辑。大多数初学者在第一个小时内就能做出自己的第一个真实网页。
学 HTML 需要多长时间？
集中练习几天，就能掌握核心的 HTML 标签和属性。熟练使用语义化 HTML、表单和可访问性，通常需要一到三周。接下来自然就是结合 CSS 和 JavaScript 做出完整的页面。
应该先学 HTML，再学 CSS 和 JavaScript 吗？
是的。HTML 定义页面的结构，CSS 控制它的外观，JavaScript 让它可以交互。先学 HTML，之后你就有具体的东西可以加样式和动画。HTML 课程特意设计得很短，好让你尽快进入 CSS 和 JS。
HTML 是编程语言吗？
严格来说不是。HTML 是一种标记语言，用来描述网页内容的结构。它本身没有变量、条件语句或循环。网页上真正的编程来自 JavaScript，这在另一门课程中讲授。
可以免费在线学 HTML 吗？
可以。HTML 互动课程是免费的：课程内容、编程练习、HTML 实时预览和证书。一切都在浏览器中运行，所以你不需要安装任何编辑器或工具就能开始。
学完 HTML 课程能获得证书吗？
能。完成 HTML 课程后，你会获得一张免费的结业证书。这是一份可验证的能力证明，可以写进简历或分享到 LinkedIn，通常是迈向更完整的 HTML、CSS 和 JavaScript 作品集的一步。
