必须先创建HTML文件并正确放置在项目目录中，具体包括：一、用文本编辑器新建并保存为UTF-8编码的HTML文件；二、通过IDE右键菜单创建带默认结构的HTML文件；三、用命令行在目标目录生成空HTML文件；四、通过系统文件管理器新建文本文档并重命名为HTML文件。
如果您需要在项目中添加新的HTML文档，则必须先创建该文件并将其正确放置在项目目录结构中。以下是完成此操作的具体步骤：
一、使用文本编辑器创建HTML文件
通过任意纯文本编辑器（如VS Code、Notepad++、Sublime Text等）新建一个空白文件，并保存为标准HTML格式。该方法适用于所有操作系统，且无需额外工具支持。
1、打开文本编辑器，新建一个空白文档。
2、输入基础HTML结构代码，例如：欢迎
。
立即学习“前端免费学习笔记（深入）”；
3、点击“文件”→“另存为”，在弹出窗口中将文件名设为index.html或其它符合命名规范的名称（如page1.html），确保“保存类型”选择“所有文件”，编码选择UTF-8。
4、在项目目标文件夹中选择保存位置，点击“保存”。
二、通过IDE内置功能创建HTML文件
主流集成开发环境（如WebStorm、Visual Studio、VS Code插件）提供模板化文件创建功能，可自动生成带默认结构的HTML文档，减少手动编写错误。
1、在项目资源管理器中右键点击目标文件夹。
2、选择New → HTML File（具体菜单项依IDE而异，部分显示为“New File”后手动输入扩展名）。
3、在弹出的输入框中填写文件名，例如contact.html，按回车确认。
4、IDE将自动创建包含基础HTML5结构的文件，并在编辑器中打开。
三、使用命令行创建HTML文件
在项目根目录或指定子目录下，通过终端或命令提示符直接生成空HTML文件，适合批量操作或自动化脚本场景。
1、打开终端，使用cd命令进入项目目标目录，例如：cd /path/to/your/project。
2、执行创建命令：在Linux/macOS系统中输入touch about.html；在Windows系统中输入type nul > about.html。
3、使用编辑器打开该文件，手动补全HTML结构或粘贴模板代码。
4、保存文件，确认其位于项目预期路径下。
四、通过文件系统直接新建并重命名
利用操作系统原生文件管理功能快速生成HTML文件，适用于无编辑器或临时测试需求。
1、在项目文件夹内右键空白处，选择新建 → 文本文档（Windows）或新建文稿（macOS）。
2、将新建文件重命名为home.html，系统提示是否更改扩展名时点击“是”。
3、右键该文件，选择“打开方式”并指定文本编辑器。
4、在编辑器中输入必要HTML内容，保存修改。
