上查看所有课程
HTML 是一种广泛用于 Web 开发的标记语言。
要运行你的 HTML 程序，你需要一个网络浏览器和一个文本编辑器。既然你正在阅读本文，说明你已经安装了网络浏览器，所以接下来我们将介绍如何安装文本编辑器。
但是，如果你不想安装文本编辑器，只想试用 HTML，可以使用我们的免费 HTML 编辑器。
在 MacOS 上安装 VS Code
VS Code 是广泛用于 HTML 和一般编程的代码编辑器。接下来，我们将介绍在 Windows、macOS 和 Linux (Ubuntu) 上安装 VS Code。
访问 VS Code 官方网站并下载 Windows 安装程序。下载完成后，运行安装程序并按照安装过程进行操作。
现在，你可以在你的设备上编写 HTML 程序了。
要在 Mac 上安装 VS Code，只需按照以下步骤操作
要在 Mac 上安装 VS Code，请从 VS Code 官方网站下载压缩文件。下载完成后，打开压缩文件。
在 Finder 中，打开一个新窗口并导航到“应用程序”文件夹。要从 zip 文件安装 VS Code 应用程序，请将其拖到“应用程序”文件夹中。
您现在可以直接从应用程序文件夹启动 VS Code。
Linux 有各种发行版，它们的安装过程略有不同。目前，我们将重点介绍 Ubuntu。
打开终端并输入，
sudo apt update此命令会更新您的软件包列表，以确保您获得软件的最新版本。
继续使用以下命令安装 VS Code
sudo snap install code --classic命令执行完成后，VS Code 即可使用。
运行你的第一个 HTML 程序
要运行你的第一个 HTML 程序，你必须设置一些东西。
- 创建一个新文件
- 在 VS Code 中安装 Live Server 扩展
- 编写你的 HTML 程序
- 运行你的程序
1. 创建一个新文件。
首先，打开 VS Code，点击顶部菜单中的文件，然后选择新建文件。
然后，再次点击文件，然后选择另存为，并输入以.html结尾的文件名，以.html扩展名保存此文件。（这里，我们将其保存为hello.html）。
2. 在 VS Code 中安装 Live Server 扩展
在编码之前，请确保 VS Code 中安装了 Live Server 扩展。打开 VS Code 并点击左侧边栏上的扩展。搜索 Live Server 扩展并点击安装。
此扩展提供 HTML 语言支持、调试等功能，帮助你高效开发 HTML 应用程序。
3. 编写你的 HTML 程序
现在，将以下代码写入您的文件中
<h1>Hello, World</h1>
4. 运行你的程序
然后点击屏幕左下角的上线选项。这应该会自动在你的浏览器上打开一个新标签页，你会在上面看到“Hello, World”。
现在你已经设置好了一切，可以在计算机上运行 HTML 程序，你将在下一个教程中学习 HTML 中基本程序的工作原理。