首先保存HTML文件为.html格式，再通过浏览器双击打开即可查看效果；也可用VS Code配合Live Server插件实现自动刷新预览；若涉及脚本功能，则需搭建本地服务器运行。
如果您已经编写好一个HTML文件，想要在浏览器中查看其效果，需要正确保存并使用合适的工具打开。以下是将HTML文件成功运行的具体步骤：
一、保存HTML文件
确保您的HTML代码已正确编写，并以正确的扩展名保存，以便操作系统和浏览器能够识别该文件类型。
1、将编写的代码复制到纯文本编辑器中，例如记事本（Windows）或TextEdit（macOS，需切换为纯文本模式）。
2、点击“文件”菜单，选择“另存为”，在保存对话框中输入文件名，例如 index.html。
立即学习“前端免费学习笔记（深入）”；
3、在保存类型下拉菜单中选择“所有文件”，避免文件被保存为 .txt 格式。
4、选择保存位置，如桌面或指定项目文件夹，然后点击“保存”。
二、使用浏览器打开HTML文件
浏览器是解析和渲染HTML文件的标准工具，直接通过浏览器打开可立即查看页面效果。
1、找到您保存的HTML文件，例如桌面上的 index.html。
2、双击该文件，系统会默认使用关联的浏览器自动打开并显示网页内容。
3、若未用浏览器打开，请右键点击文件，选择“打开方式”，然后从列表中选择Chrome、Firefox、Edge等浏览器。
三、使用代码编辑器内置预览功能
现代代码编辑器通常提供实时预览或本地服务器功能，便于开发过程中快速查看更改效果。
1、将HTML文件在VS Code、Sublime Text或Atom等编辑器中打开。
2、在VS Code中安装“Live Server”扩展插件。
3、右键点击编辑器中的HTML文件，选择“Open with Live Server”，文件将在默认浏览器中启动并在保存时自动刷新。
四、搭建本地服务器运行（适用于涉及脚本或AJAX请求的项目）
某些HTML功能（如JavaScript加载本地文件）在直接打开文件时受限，需通过本地HTTP服务器运行。
1、确保电脑已安装Node.js。
2、打开终端或命令行工具，执行命令安装http-server：npm install -g http-server。
3、进入HTML文件所在目录，运行命令：http-server。
4、根据终端提示，在浏览器中访问类似 http://localhost:8080 的地址查看页面。
