你想创建自己梦寐以求的网站，但又不想让它看起来像曲奇饼模版。任何精通网页设计的人都会告诉你，你首先需要了解 HTML。但什么是 HTML，又该如何学习呢？

你希望自己发布的网站与众不同，具有独创性。你要有同行业无人使用的元素和设计。毕竟，你的网站是许多潜在客户对你企业的第一印象。

但在此之前，您需要学习一种名为 HTML 的计算机语言。从本质上讲，这种语言规定了当访客访问你的网站时，网络浏览器应该向他们显示什么内容。

在本文中，我们将解释 HTML 是什么、它是如何诞生的、它是如何使用的、它是如何工作的，并为你提供一些基本的 HTML 培训以及如何学习更多知识的建议。

你准备好学习如何编写网站代码，而又不会创建一个残缺不全的页面了吗？让我们马上开始吧。

什么是 HTML？

HTML 是 “超文本标记语言” 的缩写，是一种用于创建网页的相对简单的语言。由于它不允许使用变量或函数，因此不被认为是一种 “编程语言”，而是一种 “标记语言”，一种使用标记来定义文档中元素的语言。

如果你向网页设计领域的任何人询问 HTML 是什么，你很可能会得到一个冗长的解释，让你头晕目眩，尤其是如果你和世界上大多数人一样，对编码和从头开始创建网站一无所知的话。

定义 html 的四个要点（来源：Studypool）

那么，”超文本标记语言” 是什么意思呢？让我们来分析一下。

超文本是按顺序排列的文本，通常通过链接（也称为超链接）将相关项目连接起来。标记语言向网络浏览器描述网页的样式和结构。

因此，HTML 可以确保文字和图片显示在正确的位置，用户可以轻松浏览网站。网络浏览器从网络服务器加载这些信息，生成你每天看到的网站。

如果要查看 HTML 的原始形式，你会看到很多符号和括号，似乎毫无意义。然而，这一切都有助于最终面向客户的产品。

网站的结构就是通过 HTML 创建的。这种语言与 CSS（层叠样式表）和 JavaScript 相互配合，为用户创建出具有视觉吸引力和交互性的网站。

这里的底线是，HTML 是良好网页的基础。没有它，你就无法与网站访问者共享文本，更不用说为你梦想中的网站添加个人特色了。

HTML 的历史

蒂姆-伯纳斯-李（Tim Berners-Lee）爵士于 1991 年底创建了 HTML，但这种编码语言直到 1993 年才向大众发布。

那时，HTML1 首次问世。从一开始，它就是作为一种通过网络浏览器共享数据的手段。

由于当时创建网站的开发人员不多，HTML 的发展在发布后不久就陷入了停滞。

1995 年，HTML2 发布，并增加了新的功能，使其在 1997 年成为网页设计的标记语言标准。

这时，戴夫-拉格特（Dave Raggett）开发出了 HTML3。它为网站管理员在设计网页时提供了更强大的特性。不幸的是，HTML3 的出现超前了。HTML3 的功能实际上拖慢了浏览器的速度，因为它们还不具备应用这些功能的能力。

HTML4.01 于 1999 年开发，支持多媒体选项。这次升级还包括样式表、打印功能和额外的脚本语言。

HTML4 与 HTML5 结构上的区别（来源：JavatPoint）

HTML5 于 2015 年发布。HTML5 的推出增加了更多媒体存储支持和特定内容元素。此外，内联类型、音频和视频嵌入也变得更加简单。

2022 年，全世界都在使用 HTML5.2，它在我们最需要的时候改进了内容安全政策。

它还非常注重电子商务，增加了支付请求 API。这次升级还为残疾人增加了无障碍的互联网应用。

HTML 有何用途？

这个问题的简单答案是：HTML 用于创建世界各地的个人和企业网站。

实际答案要比这详细得多。

自 20 世纪 90 年代以来，HTML 一直是网络文档和网站的默认语言。它与浏览器配合使用，帮助浏览器理解网站的结构和相关样式。

从本质上说，HTML 是一种蓝图，它告诉网络浏览器如何为访问者组合网站。当用户输入您的 URL 时，浏览器会根据 HTML 代码中建立的构件来组合页面。

HTML5 所有功能（来源：SCF）

这反过来又有助于用户在浏览网页时，通过 CSS 样式表对 HTML 文档中的元素进行样式化处理，使网页看起来与预期效果一致。

当前版本的 HTML 还允许在网站上直接运行视频、音频、电子表格和其他应用程序。如果你曾经对网站上的这些元素惊叹不已，那就要感谢 HTML5 了。

这种标记语言还能通过超链接确保网站内部导航的流畅性。

网站设计人员还可以使用 HTML 创建线索生成表单，以收集电子邮件和姓名（前提是使用其他语言编码的文件为该操作提供动力）。

如果使用外部插件，还可以使用 HTML 在网站内创建预订系统或搜索表单，从而方便预订和导航。

HTML 是在网站上包含非动态内容的方式，也就是希望每位访客都能以相同方式看到的内容。如果需要动态内容，还需要使用 JavaScript、PHP 或其他编程语言。

HTML 如何工作？

截至 2023 年 10 月，互联网上有超过 45.9 亿个网页。其中许多网页都是简单的 HTML 文件。(注意，这里说的不是网站，而是网页）。

传统上，如果你的网站有 150 个页面，那么你就可能有 150 个独立的 HTML 文件。但如今，情况发生了变化。如果你使用的是内容管理系统（CMS），大多数人都会使用，情况就不会是这样，因为它通常会根据数据库中存储的数据动态生成页面。

互联网页面数量图表

这些文件也称为 HTML 文档，是网站的组成部分。每个页面都有各种页面内和页面外元素，这些元素都在 HTML 文档中占有一席之地。这包括元标签、标题标签和 alt 标签等后台元素，也包括视频、图片、文本块等物理元素以及其他面向用户的功能。

HTML 文档由哪些部分组成？

所有 HTML 文档都以 .html 或 .htm 结尾。这些文档包含向网络浏览器提供静态信息的所有文本和标记。

HTML 文档是用户网络浏览器用来构建网站的指导手册。浏览器会读取它所引用的所有文件（CSS 样式表、支持动态元素的 JavaScript 文件等），然后相应地渲染页面，让浏览者看到预期的效果。渲染是实际的构建过程，每次有人浏览到网站上的特定页面时都会进行渲染。

如果 HTML 文档或其中包含的任何文件出现问题，网站就无法正确呈现。这就好比在组装宜家办公桌时，没有一件重要的部件或工具。

现代网站包含各种由标记和属性组成的 HTML 元素。这些元素构成了网页的结构。与每个元素相关的标签显示了它们的开始和结束位置。如果没有封闭元素的标签，浏览器就会将所有后续内容放在该列或该行中，即使这并不是你想要的。

页面中与每个元素相关的属性说明了组成这些元素的各种特性。

所有 HTML 文档都以 声明开始。这种文档类型定义（也称为 DTD）决定了 XML 文档的结构和元素。

And in the CSS stylesheet, target the class like this:
.redtext {
color:red;
font-family:arial;
}>/code>