上查看所有课程
HTML（超文本标记语言）用于构建和格式化万维网上网站的内容。Web 开发人员使用它来创建现代网站和 Web 应用程序的骨架。
什么是HTML？
简单来说，HTML 是创建和构建网站内容的主要构建块。
让我们看看超文本标记语言的含义。
- 超文本
超文本是一种组织文本的方式，允许读者轻松导航和访问相关信息。它将读者带到同一网页的不同部分，或完全不同的网页。 - 标记语言
标记语言是一种计算机语言，用于为文本文档添加结构和格式。标记语言使用标签系统来定义文档的结构和内容。这些标签由程序或应用程序解释，以特定方式显示文档。
HTML 示例
让我们看一个简单的 HTML 示例。
<!DOCTYPE html>
<html>
<head>
<title>programiz</title>
</head>
<body>
<h1>HTML Tutorial</h1>
<p>You'll learn about HTML.</p>
</body>
</html>浏览器输出
在上面的程序中，
<!DOCTYPE html>- 定义此文档为 HTML 文档<html>- HTML 页面的根元素，包含 HTML 页面中的所有其他元素<head>- 包含有关页面的信息，例如标题和元数据<title>- 指定 HTML 页面的标题，该标题显示在浏览器标题栏中<body>- 定义页面的主要内容，是所有可见内容的容器，例如标题、段落、列表等<h1>- 定义一个标题<p>- 定义 HTML 文档的一个段落
HTML 如何工作？
HTML 通过使用一系列标签（如 <h1>、<p> 等）定义网页的结构和内容来工作。每个标签都有一个含义，可以用来定义其所包含内容的用途。例如，
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Programiz</title>
</head>
<body>
<center><h1>Programiz</h1></center>
<h1>Learn to Code for Free</h1>
<p>
Learn to code with our beginner-friendly tutorials and examples.
Read interactive tutorials, and write and test your code to learn programming.
<p>
<button>Join for free</button>
</body>
</html>浏览器输出
如您所见，Web 浏览器读取 HTML 标签并通过解释其含义将其显示在浏览器上。在上面的代码中
<h1>标签 - 将其内部内容显示为标题<p>标签 - 将其内部内容显示为段落<center>标签 - 将其内部内容显示在页面中央
如何创建和运行 HTML 文件？
您需要一个文本编辑器和一个 Web 浏览器才能在您的计算机上创建和运行 HTML 文件。您可以按照以下步骤在您的设备上创建和运行 HTML 文件。
- 打开一个文本编辑器。有许多可用的文本编辑器，例如记事本（Windows 上）或 TextEdit（macOS 上）。
- 您现在可以在文本编辑器中开始编写 HTML 代码。这是一个您可以输入的示例代码
- 将文件保存为 index.html（或任何其他带有
.html扩展名的名称）到您所需的位置。 - 在 Web 浏览器中打开 HTML 文件。您可以通过双击保存 HTML 文件的位置中的 HTML 文件，或者右键单击您的 HTML 文件并选择打开来完成此操作。
- HTML 文件将在 Web 浏览器中显示，您可以查看文件的内容。
或者，您可以使用在线 HTML 编译器。
HTML 特性
HTML 是一种用于创建网页的基于文本的语言。它具有几个使其成为功能强大且广泛用于创建网页的语言的特性。其中一些特性包括
- HTML 是一种用于创建和构建网页的标准语言。它允许使用标题、段落、列表和表格等元素来组织内容。
- 它支持各种媒体类型，包括文本、图像、音频和视频，这使得网页更具吸引力和互动性。
- HTML 是一种灵活的语言，可以与其他技术（如 CSS 和 JavaScript）一起使用，为网页添加额外的特性和功能
- 由于 HTML 与所有浏览器兼容，因此使用 HTML 创建的网页可以在各种平台和设备上显示。
- 此外，它是一种开放且标准化的语言，由开发人员和专家社区不断更新和改进
HTML 的缺点
以下是使用 HTML 的一些缺点
- 基于文本的语言，这可能使其难以阅读和编写
- 可能不足以处理现代网页中一些更复杂的功能
- 随着时间的推移，维护和更新可能具有挑战性