HTML 简介

HTML 的核心是一种由元素组成的语言,这些元素可以应用于文本片段,以赋予它们在文档中的不同含义(是段落吗?是项目符号列表吗?是表格的一部分吗?),将文档结构化为逻辑部分(它有标题吗?三列内容?导航菜单?),并将图像和视频等内容嵌入到页面中。本模块将介绍其中的前两个,并介绍您需要了解的理解 HTML 的基本概念和语法。

先决条件

在开始本模块之前,您不需要任何先前的 HTML 知识,但您应该至少对使用计算机以及被动地使用网络(即只查看它并消费内容)有一定的了解。您应该设置好基本的工作环境(如 安装基本软件 中所述),并了解如何创建和管理文件(如 处理文件 中所述)。这两部分都是我们Web 入门完整初学者模块的一部分。

注意:如果您在无法创建自己文件的计算机/平板电脑/其他设备上工作,您可以尝试在在线编码程序(如 JSBinGlitch)中尝试(大多数)代码示例。

指南

本模块包含以下文章,它们将引导您完成 HTML 的所有基本理论,并为您提供充分的机会来测试一些技能。

HTML 入门

涵盖 HTML 的绝对基础知识,帮助您入门——我们定义元素、属性和其他重要术语,并展示它们在语言中的位置。我们还展示了典型的 HTML 页面是如何构建的以及 HTML 元素是如何构建的,并解释了其他重要的基本语言特性。在此过程中,我们将使用一些 HTML 来激发您的兴趣!

头部有什么?HTML 中的元数据

HTML 文档的头部 是在页面加载时不会显示在 Web 浏览器中的部分。它包含诸如页面<title>CSS 链接(如果您想使用 CSS 样式化 HTML 内容)、自定义网站图标链接以及元数据(有关 HTML 的数据,例如谁编写了它以及描述文档的重要关键字)等信息。

HTML 文本基础

HTML 的主要工作之一是赋予文本意义(也称为语义),以便浏览器知道如何正确显示它。本文介绍了如何使用 HTML 将文本块分解为标题和段落结构,为单词添加强调/重要性,创建列表等等。

超链接非常重要——它们使 Web 成为一个网络。本文展示了创建链接所需的语法,并讨论了链接的最佳实践。

高级文本格式化

HTML 中还有许多其他用于格式化文本的元素,我们在HTML 文本基础知识一文中没有提到。这里的元素不太为人所知,但仍然值得了解。在这篇文章中,您将学习有关标记引文、描述列表、计算机代码和其他相关文本、下标和上标、联系信息等的知识。

文档和网站结构

除了定义页面各个部分(例如“一段话”或“一张图片”),HTML 也用于定义网站的各个区域(例如“页眉”,“导航菜单”或“主要内容栏”)。本文探讨了如何规划基本网站结构以及如何编写 HTML 来表示这种结构。

调试 HTML

编写 HTML 很好,但如果出现错误,您无法找出代码中的错误在哪里呢?本文将向您介绍一些可以提供帮助的工具。

评估

以下评估将测试您对上述指南中涵盖的 HTML 基础知识的理解。

标记一封信

我们迟早都会学会写信;它也是测试文本格式技能的有用示例。在本评估中,您将收到一封信来进行标记。

结构化一页内容

本评估测试您使用 HTML 结构化包含页眉、页脚、导航菜单、主要内容和侧边栏的简单内容页面的能力。

另请参阅

学习 HTML 和 CSS MDN 课程合作伙伴

Scrimba 的 学习 HTML 和 CSS 课程通过构建和部署五个很棒的项目来教授您 HTML 和 CSS,并提供由知识渊博的老师教授的有趣的互动课程和挑战。