这门面向 Web 开发者的 HTML 课程为开发者提供了扎实的概览,涵盖了从新手到专家级 HTML 的各个方面。
超文本标记语言 (HTML) 是网络的主干,它提供您在网络浏览器中看到的内容以及相应内容的结构。
除非您正在阅读此页面的 PDF 版本或打印版本,否则此内容由各种 HTML 元素和文本组成。HTML 是 Web 的内容层。 HTML 元素是构成文档对象模型的节点。
层叠样式表提供网页的外观和风格,即呈现层。JavaScript 是行为层,通常用于操纵文档中的对象。使用 JavaScript 框架构建的网站实际上只是在操纵 HTML。因此,您需要以脚本可以轻松解析且辅助技术可以理解的方式标记 HTML。
这意味着要按照现代标准编写 HTML 代码。
学习内容
这门面向 Web 开发者的 HTML 课程为开发者提供了扎实的 HTML 概览,无论您是 HTML 新手还是专家,都能从中获益。如果您是 HTML 纯新手,将学习如何构建结构合理的内容。如果您已经构建网站多年,本课程可能会填补您甚至不知道自己存在的知识空白。
在此过程中,我们将构建 MachineLearningWorkshop.com 的结构。本系列教程的制作过程中没有机器受到损坏。
这并非完整参考信息。每个部分都会通过简要说明和示例介绍相应的主题,让您有机会进一步探索。其中包含指向主题参考资料(例如 MDN 和 WHATWG 规范)以及其他 web.dev
文章的链接。虽然这不是无障碍功能课程,但每个部分都包含无障碍功能最佳实践和具体问题,并提供指向相关主题深入探讨的链接。每个部分都包含一个简短的评估,可帮助用户确认自己是否理解了相关内容。
您将了解以下内容:
HTML 概览
简要介绍 HTML 中的关键概念。
文档结构
了解如何为 HTML 文档打下坚实的基础。
元数据
如何使用元标记提供有关文档的信息。
语义 HTML
使用正确的 HTML 元素来描述文档内容。
标题和部分
如何正确使用分段元素来赋予内容意义。
属性
了解不同的全局属性以及特定于某些 HTML 元素的属性。
文字基础知识
如何使用 HTML 设置文本格式。
链接
有关链接的所有须知信息。
列表
列表和其他内容分组方式。
导航
导航是任何网站或应用的关键元素,它从 HTML 开始。
表
了解如何使用表格标记表格式数据。
表单
HTML 表单概览。
图片
HTML 中的图片概览。
音频和视频
了解如何使用音频和视频等 HTML 媒体。
模板、slot 和 shadow
对模板、slot 和 shadow 的说明。
HTML API
了解如何使用 JavaScript 公开和操纵 HTML 信息。
焦点
如何在 HTML 文档中管理焦点顺序。
其他内嵌文本元素
用于标记文本的元素范围简介。
详细信息和摘要
了解非常有用的详细信息和摘要元素的运作方式,以及在何处使用它们。
对话
<dialog>
元素是一种有用的元素,可用于在 HTML 中表示任何类型的对话框,请了解其工作原理。
总结和后续步骤
最后,我们再提供一些其他资源。
那么,您准备好学习 HTML 了吗?让我们开始吧。