用文本编辑html怎么运行是很多前端初学者最先遇到的问题，其实整个过程不需要依赖专业的集成开发环境，只需要普通的文本编辑器和浏览器就能完成，操作门槛很低，适合新手快速尝试。
准备基础工具
首先需要准备两个基础工具，第一个是文本编辑器，系统自带的记事本就可以使用，也可以根据自己的习惯选择Notepad++、Sublime Text、VS Code等第三方文本编辑器，这些编辑器会有语法高亮，编写代码时更清晰。第二个是浏览器，常见的Chrome、Edge、Firefox都可以，用来运行和查看html页面的效果。
编写html代码
打开你选择的文本编辑器，输入基础的html结构代码，下面是一个最简单的示例：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个HTML页面</title>
</head>
<body>
<h1>欢迎来到我的页面</h1>
<p>这是用文本编辑器编写的HTML内容，现在可以运行查看效果</p>
</body>
</html>
代码编写完成后，需要把文件保存为html格式，点击编辑器的保存按钮，选择保存路径，文件名可以自定义，比如test.html，注意后缀必须是.html或者.htm，保存类型要选择所有文件，避免系统自动加上.txt后缀。
运行html文件
保存好文件之后，找到刚才保存的test.html文件，有两种常见的运行方式：
- 直接双击文件，系统会自动调用默认浏览器打开这个html页面，就能看到你编写的内容效果。
- 先打开浏览器，然后把html文件直接拖拽到浏览器的窗口中，也可以打开页面查看效果。
常见问题解决
如果运行后页面显示异常，可以先检查这几个地方：
| 问题现象 | 可能原因 | 解决方法 |
|---|---|---|
| 页面显示纯文本，没有样式和结构 | 文件后缀不是.html，被保存成了.txt格式 | 重命名文件，把后缀改成.html，注意要开启系统显示文件扩展名，避免改错 |
| 中文内容显示乱码 | 没有设置字符编码或者编码不一致 | 在<head>标签中添加<meta charset="UTF-8">，保存文件时选择UTF-8编码 |
| 修改代码后刷新页面没变化 | 浏览器缓存了旧页面 | 按Ctrl+F5强制刷新页面，清除缓存后重新加载 |
进阶调试技巧
如果想要修改代码后快速看到效果，可以在文本编辑器中修改代码后保存，然后切换到浏览器窗口按F5刷新即可。如果需要调试代码，可以右键点击页面选择检查，打开浏览器的开发者工具，在Elements面板中可以看到页面的html结构，在Console面板中可以查看运行时的错误信息，方便快速定位问题。
整个过程操作非常简单，只要按照步骤来，很快就能掌握用文本编辑html并运行的方法，后续编写更复杂的html、css、js代码也可以用同样的方式运行调试。