Menu
CoddyTech

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 登录卡片的克隆版。

certificate icon

完成即可获得证书

  • 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 学习旅程,即可解锁一张可分享的证书。完整详情请查看认证页面。

Coddy 编程语言插图

开始在 Coddy 上学习 HTML

开始