什么是 HTML?

12 2025年7月 | 阅读 7 分钟

作为网页内容的基础语言,HTML 代表 超文本标记语言。样式表向网页解释它们应如何显示文本、图像、视频、链接和其他内容。HTML 是设计 Web 上任何内容的基石。

什么是超文本标记语言?

超文本:超文本简单地意味着“文本中的文本”。一个文本中包含一个链接就是超文本。每当你点击一个将你带到新网页的链接时,你就点击了一个超文本。超文本是一种将两个或多个网页(HTML 文档)相互链接的方法。

标记:当我们谈论标记时,我们指的是文本中用于告知浏览器不同元素将如何显示的标签。标记塑造内容,组织内容并提供更多细节。

语言:这里的语言指的是计算机可以解码并在 网页浏览器中显示的编写网页内容的方式。

重要术语

网页:网页是一个通常用 HTML 编写并由网页浏览器翻译的文档。可以通过输入 URL 来识别网页。网页可以是静态或动态的。仅凭 HTML,我们就可以创建静态网页。

网站:网站将一组相似的网页链接在一个域名下。通常,它包含一个主页、一个关于公司的页面、一个联系表单和其他部分。网站上的所有页面都通过超链接连接。

网页浏览器:Chrome、Firefox 和 Safari 等网页浏览器是收集、阅读和显示网页的程序。为了帮助用户,它会处理 HTML、CSSJavaScript 代码,并通过用户界面呈现它们。

总而言之,HTML 是一种标记语言,它通过样式化的帮助用于创建具有吸引力的网页,并且在网页浏览器中看起来格式精美。HTML 文档由许多 HTML 标签组成,每个 HTML 标签都包含不同的内容。

HTML 文档结构

HTML 文档由通过元素和标签组织的内容组成。此 HTML 示例非常基础

示例

立即执行

HTML 示例说明

我们可以看到上述示例的结构如下:

<!DOCTYPE>:它定义了文档类型,或向浏览器指示 HTML 的版本。

<html>:此标签告知浏览器它是一个 HTML 文档。html 标签之间的文本描述了网页。它是除 <!DOCTYPE> 之外所有 HTML 元素的容器。

<head>:它应该是 <html> 元素内的第一个元素,其中包含元数据(有关文档的信息)。在 body 标签打开之前必须关闭它。

<title>:顾名思义,它用于添加 HTML 页面的标题,该标题会显示在浏览器窗口的顶部。它必须放在 head 标签内,并且应立即关闭。(可选)

<body>:body 标签之间的文本描述了页面对最终用户可见的正文内容。此标签包含 HTML 文档的主要内容。

<h1>:<h1> 标签之间的文本描述了网页的第一个级别标题。

<p>:<p> 标签之间的文本描述了网页的段落。

HTML 标签、元素和属性

标签

标签是包含在尖括号(< 和 >)中的关键字。

示例包括 <p>、<h1> 或 <a>。

注意:像 <br> 和 <hr> 这样的标签被认为是空元素,因为它们没有闭合标签。

要素

一个元素由一个开始标签、一些内容和一个结束标签组成。

示例

<p> 这是一个段落 </p>

属性

属性通过添加行为和样式等附加属性来帮助更改标签的工作方式或外观。

示例

<a href="https://tpointtech.cn"> 访问网站 </a>

这里,“href”是值为“https://tpointtech.cn”的属性。

空元素

像 <img> 和 <meta> 这样的某些元素不需要闭合标签,因为它们不打算在标签之间包含信息。

常用 HTML 元素

元素描述
<h1> 到 <h6>从最重要的 (<h1>) 到最不重要的 (<h6>) 的标题。有助于 SEO 和可访问性。
<p>用于文本块的段落元素。
<a>锚点标签用于超链接。
<img>嵌入图像。
<ul>、<ol>、<li>列表:无序列表、有序列表和列表项。
<table>将数据组织成行和列。
<button>创建可点击按钮。

语义 HTML

如今,HTML5 使用称为 <header>、<footer>、<section>、<article> 和 <nav> 的标签来帮助解释页面的结构。它们有助于搜索引擎和视障设备阅读和理解您的网页内容。

HTML 的特性

What is HTML
  • 它是一种非常容易和简单的语言。可以轻松理解和修改。
  • 使用 HTML 可以很容易地进行有效的演示,因为它有很多格式化标签。
  • 它是一种标记语言,因此它提供了一种灵活的方式来设计带有文本的网页。
  • 它通过(html 锚点标签)为程序员在网页中添加链接提供了便利,因此增加了用户浏览的兴趣。
  • 它是平台无关的,因为它可以显示在任何平台上,例如 Windows 、Linux、Macintosh 等。
  • 它方便程序员在网页中添加图形、视频和声音,这使得它们更具吸引力和互动性。
  • HTML 是一种不区分大小写的语言,这意味着我们可以使用小写或大写的标签。

注意:为了保持一致性、可读性等,建议所有标签都使用小写。

HTML 简史

在 20 世纪 80 年代末,物理学家 Tim Berners-Lee 在 CERN 做合同工,他为 CERN 的研究人员提出了一个系统。1989 年,他写了一份备忘录,提出了一个基于互联网的超文本系统。

Tim Berners-Lee 被称为 HTML 之父。HTML 的第一个可用描述是 Tim 在 1991 年底提出的一个名为“HTML Tags”的文档。HTML 的最新版本是 HTML5,我们将在本教程后面学习。

HTML 版本

自该语言发明以来,已经发布了许多不同的 HTML 版本。以下是主要版本的一个快速介绍:

HTML 1.0:HTML 的第一个版本是 1.0,它是 HTML 语言的骨架版本,于 1991 年发布。

HTML 2.0:这是下一个版本,于 1995 年发布,它是网站设计的标准语言版本。HTML 2.0 能够支持额外的功能,如基于表单的文件上传和表单元素,如文本框、选项按钮等。

HTML 3.2:HTML 3.2 版本由 W3C 于 1997 年初发布。该版本能够创建表格并为表单元素提供额外的选项支持。它还可以支持包含复杂数学方程的网页。到 1997 年 1 月,它已成为任何浏览器的官方标准。如今,它实际上得到了大多数浏览器的支持。

HTML 4.01:HTML 4.01 版本于 1999 年 12 月发布,是 HTML 语言的一个非常稳定的版本。此版本是当前官方标准,它提供了对样式表 (CSS) 和各种多媒体元素的脚本能力的额外支持。

HTML5:HTML5 是超文本标记语言的最新版本。该版本的第一份草案于 2008 年 1 月公布。有两个主要的组织:一个是 W3C(万维网联盟),另一个是 WHATWG(Web 超文本应用程序技术工作组),它们参与了 HTML 5 版本的开发,并且仍在开发中。

HTML 版本总结

版本年份要点
HTML 1.01991第一个版本简单明了。
HTML 2.01995为页面引入了复选框和按钮等功能。
HTML 3.21997已包含表格、脚本功能和基本样式工具。
HTML 4.011999更强大,提高了对样式表 (CSS) 和脚本的支持能力。
HTML52008 年至今引入了语义化元素、播放音频和视频的能力以及当前标签的移动兼容性等功能。负责的技术是 W3C 和 WHATWG。

HTML 的优点

  • 适用于所有现代网页浏览器。
  • 得到许多工具和编辑器的支持。
  • Web 开发 的坚实基础。
  • 任何 Web 项目组织的关键。
  • 帮助搜索引擎更好地索引和排名网页。

HTML 的缺点

  • 只能创建静态页面;动态功能需要 JavaScript 或服务器端语言。
  • 拥有大量的 HTML 文件,处理大型项目会变得困难。
  • 一些小错误可能导致页面加载时间过长。

您可以通过单击 此处 或将其粘贴到任何其他在线编译器中来尝试编辑和执行此示例代码。

结论

没有 HTML,就没有网页。没有 HTML,网站将是空的且组织混乱的。尽管 HTML 很简单,但当与 CSS 和 JavaScript 结合使用时,它会变得更强大。任何对网页设计、开发或数字通信感兴趣的人都应该学习 HTML,因为它构成了 Web 演变的核心部分。

无论您是创建一个博客、一个企业页面还是一个完整的 Web 应用程序,HTML 都是起点。