HTML是前端开发的基础标记语言，编写完成的html文件需要运行后才能看到最终的页面效果，对于新手来说，掌握直接运行html的方法是非常基础且必要的技能，不需要依赖复杂的服务器环境就能快速预览页面。
方法一：双击本地HTML文件直接运行
这是最简单直接的运行方式，适合已经编写好本地html文件的场景，具体操作步骤如下：
- 找到你保存的html文件，文件后缀通常为
.html或者.htm - 直接双击该文件，系统会自动调用默认浏览器打开文件，展示页面效果
- 如果双击后没有用浏览器打开，可以右键点击文件，选择打开方式，选择你常用的浏览器即可
这种方式运行的html文件，浏览器地址栏会显示类似file:///C:/Users/xxx/Desktop/test.html的路径，属于本地文件访问模式。
方法二：通过浏览器手动打开本地HTML文件
如果不想通过双击文件的方式运行，也可以直接在浏览器中打开本地html文件，步骤如下：
- 打开你常用的浏览器，比如Chrome、Edge、Firefox等
- 点击浏览器右上角的菜单按钮，选择打开文件选项
- 在弹出的文件选择窗口中，找到你的html文件，选中后点击打开即可
这种方式和双击运行的效果完全一致，适合需要切换不同浏览器测试页面兼容性的场景。
方法三：使用代码编辑器内置功能运行
现在很多前端代码编辑器都内置了直接运行html的功能，不需要手动找文件，操作更加高效，以VS Code为例：
- 用VS Code打开你的html文件
- 安装Live Server插件，安装完成后右键点击html文件编辑区域
- 选择Open with Live Server选项，浏览器会自动打开页面，并且修改代码后页面会自动刷新
对应的VS Code插件安装完成后，也可以通过快捷键快速启动，提升开发效率。如果是使用其他编辑器，比如WebStorm，也可以找到类似的预览功能，直接在编辑器内触发运行。
不同运行方式的注意事项
直接运行本地html文件时，有一些常见问题需要注意：
- 如果html中引用了本地其他资源文件，比如css、js、图片，路径要写对相对路径，否则会出现资源加载失败的情况
- 如果页面中用到了Ajax请求本地文件，可能会因为浏览器的同源策略限制导致请求失败，这种情况需要搭建简单的本地服务器运行
- 双击运行时如果默认浏览器不是你想要的，可以提前在系统设置中修改默认浏览器，或者在打开方式中手动选择目标浏览器
简单HTML运行示例
下面是一个最简单的html文件示例，你可以保存为test.html后按照上面的方法运行：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>测试页面</title>
</head>
<body>
<h1>这是直接运行的HTML页面</h1>
<p>如果你能看到这段内容，说明HTML运行成功</p>
</body>
</html>
按照上述任意一种方法运行这个文件，都能在浏览器中看到对应的标题和段落内容，验证运行是否成功。