用记事本运行HTML代码是学习网页制作最基础的方式，不需要配置开发环境，适合新手理解页面结构。下面介绍从编写到查看效果的具体做法。
一、在记事本中编写HTML代码
先打开系统里的记事本程序，在空白页面中输入一段最简单的HTML结构。HTML文件本质就是纯文本，只要内容符合标签规则，浏览器就能解析。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个页面</title>
</head>
<body>
<h1>你好，世界</h1>
<p>这是用记事本写的HTML代码。</p>
</body>
</html>
二、保存为HTML文件
写完后点击记事本左上角“文件”菜单，选择“另存为”。在弹出的窗口里注意两处设置：保存类型要选“所有文件”，编码建议选UTF-8，文件名填写为 test.html 这种以.html结尾的形式，不要写成.txt。
| 设置项 | 正确取值 |
|---|---|
| 保存类型 | 所有文件 |
| 编码 | UTF-8 |
| 文件名 | test.html |
三、用浏览器运行查看
找到保存好的 test.html 文件，双击它，系统会用默认浏览器打开。此时就能看到页面中显示的标题和段落文字。如果想换浏览器，可以右键文件选“打开方式”再挑具体浏览器。
常见乱码问题
如果打开后中文变成乱码，大多是保存时编码没选UTF-8，或者文件里 <meta charset="UTF-8"> 写错。重新用记事本打开，另存为时确认编码一致即可。
四、进一步编写交互内容
记事本也能写带脚本的页面，比如下面这段点击按钮弹出提示的代码，保存方式同上。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>按钮示例</title>
</head>
<body>
<button onclick="alert('点击成功')">点我</button>
</body>
</html>
通过上述步骤，你可以完全依靠记事本完成HTML代码的编写与运行，慢慢再过渡到使用专业编辑器提升效率。