课程 在 HTML 技能树

HTML 入门教程

从文档结构到创建你的第一个个人网页,学习 HTML 的基础知识。通过实践实验掌握核心 HTML 概念,涵盖文本格式化、列表、链接、图片、表格和表单。

网页开发

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

通过 8 个引导式动手实验,编写 HTML 并理解网页的结构。你将从有效的文档骨架开始,逐步添加常见内容元素,最后把它们组合成一个个人网页。

课程聚焦标记本身:选择合适元素、正确嵌套,并提供连接内容与资源所需的 attribute。它为 Web 新手打下实操基础,便于之后使用 CSS 设置样式或用 JavaScript 添加行为。

你将学到什么

完成本课程后,你将能够:

  • 创建具有必要页面结构和内容区域的完整 HTML 文档。
  • 使用 heading 和 paragraph 组织文本,并应用常见文本格式元素。
  • 使用 ordered list 和 unordered list 表示成组内容。
  • 通过链接连接页面与资源,并使用 HTML attribute 嵌入图片。
  • 使用 row、cell 与 table 相关元素组织表格信息。
  • 使用合适的 form control 构建收集用户输入的基础表单。
  • 将文本、导航、图片、列表、表格和表单组合成连贯的页面。
  • 阅读和编辑嵌套 HTML,同时保持元素结构清晰易懂。

本课程适合谁

本课程适合完全没有 Web 开发经验的初学者、需要在学习 CSS 前掌握 HTML 的学生,以及希望理解浏览器页面底层标记的人。它也适合作为系统复习,帮助曾经修改过模板但未完整学习文档结构的用户。

前置要求: 无需 HTML 或编程经验。你只需具备基本电脑操作和文本编辑能力;熟悉文件与文件夹会有所帮助。

学习环境: 课程包含 8 个在配套动手环境中进行的引导实验。你将编辑 HTML 文件并在学习过程中检查生成的页面;课程不需要外部托管账号或部署服务。

常见问题

课程会讲 CSS 或 JavaScript 吗?

不会。课程聚焦 HTML 结构和内容元素;CSS 样式与 JavaScript 行为是独立技能,不在这 8 个实验中。

会构建一个完整网站吗?

你将构建一个整合课程 HTML 概念的个人网页。它是单页基础作品,而不是包含样式、交互、路由或后端的多页生产网站。

课程有独立编程挑战吗?

没有。课程清单中的 8 项活动全部是引导实验,因此适合第一次接触 HTML 语法和文档结构。

课程会把页面发布到互联网吗?

不会。作品保留在配套学习环境中;域名设置、托管、部署和生产 Web 运维不在课程范围内。

教师

labby
Labby
Labby is the LabEx teacher.