HTML 课程
26 门免费互动课程
浏览 Coddy 上的全部 HTML 课程。每门课程都在浏览器中运行,配有 AI 辅助提示、真实练习,学完获得证书。
日食动画 | 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
秒表:HTML/CSS/JS 项目
热门在这个项目中,你将使用 HTML、CSS 和 JavaScript 创建一个简单的秒表。
- 10
- 8
- 1
DOM 项目:计算器
在这门课程中,你将使用 HTML、CSS 和 JS 构建一个简单的交互式计算器。
- 14
- 12
- 1
JavaScript DOM 方法
在这门课程中,你将学习最常用的 JavaScript DOM 方法,以及如何使用它们!
- 13
HTML/CSS 挑战:第三辑
通过有趣又有效的方式,挑战你对 HTML 和 CSS 的掌握程度!
- 5
HTML 中有趣的标签
在这门课程中,你将了解一些独特又有趣的 HTML 标签。把它们运用到自己的网页作品中,并尝试调整,你会发现它们的效果令人惊喜。
- 15
CSS 选择器
学完这门课程后,你将掌握 CSS 选择器的相关概念。
- 15
登录表单:HTML/CSS 项目
在这门课程中,你将使用 HTML 创建一个简单的登录表单,并用 CSS 为它添加样式。
- 7
- 6
- 1
Coddy 个人资料卡克隆 | 前端项目
在这个项目中,你将创建一个 Coddy 个人资料卡克隆。
- 26
- 24
- 1
CSS Flexbox:完整课程
在这门课程中,你将掌握 CSS Flexbox 的核心概念。Flexbox 是网页开发中最实用的布局方式之一。
- 15
如何使用 CSS 居中 div 或文本
在这门课程中,我们将一起探索并解答 CSS 中最受关注的问题之一:如何将 div 或文本居中?
- 9
3D 卡片 | 前端项目
在这个项目中,你将亲手制作一个 3D 卡片设计!
- 31
- 29
- 1
HTML/CSS 挑战题包 II
这门课程会用有趣又有效的方式挑战你对 HTML 和 CSS 的掌握程度!
- 5
移动云朵:HTML/CSS/JS 项目
在这门课程中,你将使用 HTML、CSS 和 JavaScript 创建一个云朵移动的网页项目。
- 18
- 16
- 1
Netflix 登录页面克隆|前端项目
在这个项目中,你将创建一个 Netflix 登录卡片的克隆版。
完成即可获得证书
- 19
- 18
- 1
图片折叠面板:前端项目
在这个项目中,你将亲自动手创建一个图片折叠面板!
- 17
- 15
- 1
CSS 项目:炫酷按钮
在这门课程中,你将创建一个完全自定义的炫酷按钮,就像你在喜欢的网站上看到的那样!
- 8
- 6
- 1
侧边栏|前端项目
在这个项目中,你将为下一个 Web 应用创建一个响应式侧边栏。
- 13
- 12
- 1
圆形进度条 | 前端项目
在这个项目中,你将使用 HTML、CSS 和 JavaScript 创建一个圆形进度条。
- 11
- 9
- 1
CSS 项目:简单的加载动画
在这门课程中,你将学习如何使用 CSS 和 HTML 制作一个简单的加载动画,用于页面或内容加载时显示。
- 6
- 4
- 1
滑块 | 前端项目
在这个项目中,你将创建一个响应式滑块,用来展示几张图片及其说明。
- 23
- 22
- 1
常见问题
Coddy 上有多少门 HTML 课程?
Coddy 目前有 26 门 HTML 互动课程,内容从基础到高级应有尽有。
HTML 课程免费吗?
是的。每门课程都可以免费开始,直接在浏览器中运行,并配有 AI 辅助提示。
我能获得 HTML 证书吗?
可以。完成 HTML 学习旅程,即可解锁一张可分享的证书。完整详情请查看认证页面。