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