0Pricing
HTML for Kids · 课时

设置您的第一个 HTML 页面

使用简单的文本编辑器编写您的第一段 HTML 代码。

设置您的第一个 HTML 页面 是 CoddyKit 上的免费 HTML for Kids 课时。 这是第 4 节课，共 4 节。 你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。 这是 HTML for Kids 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 HTML for Kids 课程共包含 4 节课。

设置您的第一个 HTML 页面

欢迎来到学习 HTML 最令人兴奋的部分！今天，我们将从头开始创建您的第一个 HTML 页面。准备好见证您的代码呈现出效果吧！

设置您的第一个 HTML 页面 — 插图 1

所需工具

要创建 HTML 页面，您只需要两样东西：

  • 文本编辑器：例如 Windows 上的记事本、Mac 上的 TextEdit，或 VS Code 等其他编辑器。
  • Web 浏览器：Chrome、Firefox 或任何可以查看页面的浏览器。

让我们开始编写代码吧！

打开文本编辑器

第 1 步：打开文本编辑器

1. 打开文本编辑器（例如记事本或 VS Code）。

2. 将新文件保存为 index.html。请确保包含 .html 扩展名！

现在可以添加 HTML 代码了！

编写基本结构

第 2 步：编写基本结构

每个 HTML 页面都需要基本结构。请将以下代码输入文件：

<!DOCTYPE html>
<html>
  <head>
    <title>My First HTML Page</title>
  </head>
  <body>
    <!-- Content goes here -->
  </body>
</html>

添加标题

第 3 步：添加标题

在 <body> 标签内，为页面添加一个标题：

<h1>Welcome to My First Web Page!</h1>

添加段落

第 4 步：添加段落

在标题下方添加一个描述页面的段落：

<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>

保存并打开页面

第 5 步：保存并打开页面

1. 编写代码后保存文件。

2. 打开浏览器。

3. 将 index.html 文件拖放到浏览器窗口中。

好了！您的第一个网页已经上线！

完整的 HTML 页面

最终代码应该如下所示：

<!DOCTYPE html>
<html>
  <head>
    <title>My First HTML Page</title>
  </head>
  <body>
    <h1>Welcome to My First Web Page!</h1>
    <p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <title>My Awesome Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

做得很好！

恭喜您创建了第一个 HTML 页面！您已经学会了如何设置基本结构、添加标题和编写段落。在下一课中，我们将学习如何向页面添加图像和链接等更有趣的元素。继续加油！

设置您的第一个 HTML 页面 — 插图 10

常见问题解答

「设置您的第一个 HTML 页面」课时是免费的吗？

是的 — 「设置您的第一个 HTML 页面」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 HTML for Kids 课程的其余内容，请升级到 CoddyKit PRO。 HTML for Kids 课程共包含 4 节课。

「设置您的第一个 HTML 页面」这节课中我会学到什么？

使用简单的文本编辑器编写您的第一段 HTML 代码。 你通过在浏览器中直接运行的动手代码来练习 HTML for Kids，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 HTML for Kids 需要有经验吗？

无需任何先前经验。CoddyKit 上的 HTML for Kids 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。 这是第 4 节课，共 4 节。

「设置您的第一个 HTML 页面」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 HTML for Kids 课中编写并运行代码吗？

能。每节 HTML for Kids 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

  1. 什么是 HTML
  2. HTML 结构：构建模块
  3. HTML 标签与元素
  4. 设置您的第一个 HTML 页面
← 返回 HTML for Kids