欢迎来到 Learn HTML!

本 HTML 课程为 Web 开发者提供了全面的 HTML 概述,适合从新手到专家级别的开发者。

欢迎来到 HTML!超文本标记语言 (HTML) 是 Web 的支柱,它提供您在 Web 浏览器中看到的内容以及内容的结构。

除非您正在阅读 PDF 或此页面的打印版本,否则此内容由各种 HTML 元素和文本组成。HTML 是 Web 的内容层。HTML 元素是构成文档对象模型的节点。

层叠样式表提供页面的外观和风格,或表示层。JavaScript 是行为层,通常用于操作文档中的对象。使用 JavaScript 框架构建的站点实际上只是在操作 HTML。因此,以脚本可以轻松解析且辅助技术可以轻松理解的方式标记 HTML 非常重要。这意味着使用现代标准编写 HTML 代码。

概述

本 HTML 课程为 Web 开发者提供了全面的 HTML 概述,适合从新手到专家级别的开发者。如果您是 HTML 的完全新手,您将学习如何构建结构合理的内容。如果您构建网站多年,本课程可能会填补您甚至不知道自己存在的知识空白。

在此过程中,我们将构建 MachineLearningWorkshop.com 的结构。本系列创作过程中没有机器受到伤害。

这不是完整的参考资料。每个部分都通过简要的解释和示例介绍该部分的主题,为您提供进一步探索的机会。其中将包含指向主题参考资料(例如 MDNWHATWG 规范)以及其他 web.dev 文章的链接。虽然这不是无障碍功能课程,但每个部分都将包含无障碍功能最佳实践和具体问题,并提供指向更深入主题的链接。每个部分都将进行简短的评估,以帮助人们确认他们的理解。

您将学到以下内容

HTML 概述

HTML 关键概念的简要介绍。

文档结构

了解如何使用坚实的基础构建 HTML 文档的结构。

元数据

如何使用元标记提供有关文档的信息。

语义化 HTML

使用正确的 HTML 元素来描述文档内容。

标题和章节

如何正确使用分节元素来赋予内容意义。

属性

了解不同的全局属性以及特定于特定 HTML 元素的属性。

文本基础知识

如何使用 HTML 格式化文本。

您需要了解的有关链接的所有内容。

列表

列表以及其他对内容进行分组的方式。

导航是任何站点或应用程序的关键元素,它始于 HTML。

表格

了解如何使用表格标记表格数据。

表单

HTML 表单概述。

图片

HTML 图片概述。

音频和视频

了解如何使用 HTML 媒体(例如音频和视频)。

模板、插槽和 Shadow DOM

对模板、插槽和 Shadow DOM 的解释。

HTML API

了解如何使用 JavaScript 公开和操作 HTML 信息。

焦点

如何在 HTML 文档中管理焦点顺序。

其他内联文本元素

用于标记文本的元素范围的介绍。

详细信息和摘要

了解非常有用的详细信息和摘要元素的工作方式以及在何处使用它们。

对话框

<dialog> 元素是一个有用的元素,用于表示 HTML 中的任何类型的对话框,了解它是如何工作的。

总结和后续步骤

总结并提供更多资源。

那么,您准备好学习 HTML 了吗?让我们开始吧