使用记事本编写HTML代码是很多初学者入门前端开发的第一步，完成代码编写后，只需要按照正确的流程操作，就能快速在浏览器中查看页面效果。
第一步：正确保存HTML文件
在记事本中完成HTML代码编写后，首先要确保文件以正确的格式保存，这是能够正常运行的前提。
- 点击记事本顶部菜单栏的文件选项，选择另存为
- 在弹出的保存窗口中，选择你想要存放文件的文件夹路径
- 文件名可以自定义，但是必须以
.html或者.htm作为后缀，比如index.html、test.htm都可以 - 保存类型一定要选择所有文件 (*.*)，不要选择默认的文本文档，否则文件会被保存成
.txt格式，无法正常被浏览器识别 - 编码建议选择UTF-8，避免出现中文乱码的问题
以下是一个简单的HTML示例代码，你可以把它复制到记事本中测试：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是用记事本编写的HTML页面</p>
</body>
</html>
第二步：运行HTML文件
文件保存完成后，有两种常用的方式可以在浏览器中运行页面：
方式一：直接双击打开
找到你刚才保存的.html文件，直接用鼠标左键双击，系统会自动调用默认浏览器打开这个页面，你就能看到自己编写的HTML内容了。
方式二：通过浏览器打开
如果双击没有用默认浏览器打开，或者你想用指定浏览器查看效果，可以按照以下步骤操作：
- 先打开你想要使用的浏览器，比如Chrome、Edge、Firefox等
- 把保存好的HTML文件直接拖拽到浏览器的窗口中，松开鼠标后页面就会加载
- 或者点击浏览器顶部的打开文件选项，在文件选择窗口中找到对应的HTML文件，点击确认即可
常见问题及解决方法
| 问题现象 | 原因分析 | 解决方法 |
|---|---|---|
| 双击文件后打开的是记事本，不是浏览器 | 系统默认打开程序设置为记事本 | 右键点击文件，选择打开方式，选择常用浏览器，勾选始终使用此应用打开.html文件 |
| 页面中文显示乱码 | 文件保存编码不是UTF-8 | 重新用记事本打开文件，另存为时选择UTF-8编码，覆盖原文件即可 |
| 浏览器显示的是代码而不是页面 | 文件后缀不是.html或者.htm | 确认文件后缀正确，如果系统隐藏了后缀名，可以在文件夹选项中开启显示文件扩展名，再修改后缀 |
注意事项
如果你的HTML代码中引用了本地其他资源，比如图片、CSS文件、JS文件，要注意路径的写法，相对路径要相对于当前HTML文件的位置来写，否则会出现资源加载失败的问题。另外每次修改记事本中的代码后，保存文件再刷新浏览器就能看到最新的效果，不需要重新打开文件。