在 VSCode 中编写 HTML 可通过以下步骤实现：打开软件，新建 HTML 文件。输入 HTML 结构，包括头和体标签。格式化代码。按运行按钮预览页面。添加图像、链接、列表或表格等附加功能。保存文件并导出为 HTML。
如何使用 VSCode 编写 HTML
打开 VSCode
- 启动 VSCode 软件。
- 单击“文件”菜单 > “新建” > “HTML 文件”。
编写 HTML 代码
- 在新创建的文件中，输入以下基本 HTML 结构：
<code class="html"><!DOCTYPE html> <html> <head> <title>我的第一个 HTML 页面</title> </head> <body> <h1>这是一个标题</h1> <p>这是一个段落。</p> </body> </html></code>
格式化代码
立即学习“前端免费学习笔记（深入）”；
- 按
Ctrl+Shift+F（Windows）或Cmd+Shift+F（Mac）格式化代码。
预览页面
- 在 VSCode 的底部工具栏中，单击“运行”按钮。
- 将在浏览器中打开一个新选项卡，显示您编写的 HTML 页面。
添加附加功能
-
图像：使用
<img>标记添加图像，例如：<img src="image.jpg"> -
链接：使用
<a>标记创建链接，例如：<a href="https://example.com">示例</a> -
列表：使用
<ul>和<li>标记创建无序列表，或<ol>和<li>标记创建有序列表。 -
表格：使用
<table>、<tr>和<td>标记创建表格。
保存和导出文件
- 单击“文件”菜单 > “保存”。
- 将文件保存在所需的文件夹中。
- 单击“文件”菜单 > “导出”将其导出为 HTML 文件。
