欢迎学习 HTML 课程!

这门 HTML 课程面向 Web 开发者,为开发者(从新手到专家级 HTML)提供了可靠的概述。

欢迎使用 HTML!超文本标记语言 (HTML) 是网络的支柱,提供您在网络浏览器中看到的内容及其结构。

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

层叠样式表提供页面的外观和风格,或表示层。JavaScript 是行为层,通常用于操纵文档中的对象。使用 JavaScript 框架构建的网站实际上只是在操控 HTML。反之,请务必对 HTML 进行标记,以便脚本能够轻松解析,并让辅助技术能够轻松理解。这意味着,按照现代标准编写 HTML 代码。

概览

此 HTML 课程面向 Web 开发者,旨在为开发者(从新手到专家级 HTML)提供深入全面的介绍。如果您是 HTML 新手,您将学习如何制作结构合理的内容。如果您多年来一直在构建网站,本课程可能会填补您不知道的空白。

在这个过程中,我们将为 MachineLearningWorkshop.com 构建结构。本系列视频创作过程中未损害任何机器。

以下并非完整的参考。每个部分都介绍了相应版块的主题,并提供了简要的说明和示例,以便您进一步探索。其中会提供指向 MDNWHATWG 规范等主题参考信息的链接,以及其他 web.dev 文章。虽然这并不是一门无障碍功能课程,但每个部分都将包含无障碍功能最佳实践和具体问题,并提供指向该主题深入探讨的链接。每个部分都会有一个简短的评估,以帮助确认学生的理解程度。

您将了解以下内容:

HTML 概述

简要介绍 HTML 中的关键概念。

文档结构

了解如何在坚实基础上构建 HTML 文档。

Metadata

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

语义 HTML

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

标题和部分

如何正确使用版块元素来赋予内容的含义。

属性

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

文字基础知识

如何使用 HTML 设置文本格式。

你需要知道的关于链接的所有信息。

列表

使用列表和其他内容分组方式。

导航是任何应用网站的关键元素,以 HTML 开头。

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

表单

HTML 中的表单概述。

Images

HTML 图片概述。

音频和视频

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

模板、槽和阴影

对模板、槽位和阴影的说明。

HTML API

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

焦点

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

其他内嵌文本元素

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

详细信息和摘要

了解非常有用的细节和摘要元素的运作方式,以及在哪里使用它们。

对话

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

总结和后续步骤

最后再向您介绍一些资源。

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