本面向 Web 开发者的 HTML 课程为开发者提供了从 HTML 新手到 HTML 专家的全面概览。
欢迎学习 HTML!超文本标记语言 (HTML) 是网络的支柱,提供您在网络浏览器中看到的内容以及内容的结构。
除非您正在阅读 PDF 或印刷版的此页面,否则此内容由各种 HTML 元素和文本组成。HTML 是网络的内容层。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 媒体,例如音频和视频。
模板、槽和阴影
模板、槽和阴影的说明。
HTML API
了解如何使用 JavaScript 公开和操控 HTML 信息。
焦点
如何在 HTML 文档中管理焦点顺序。
其他内嵌文本元素
介绍用于标记文本的各种元素。
详细信息和摘要
了解非常实用的详细信息和摘要元素的运作方式,以及在何处使用它们。
对话
<dialog> 元素是一种在 HTML 中表示任何类型的对话框的实用元素,了解其运作方式。
结论和后续步骤
最后,介绍一些其他资源。
那么,您准备好学习 HTML 了吗?开始吧。