用记事本编写HTML并在浏览器中运行，是每一个前端初学者接触网页开发最朴素也最可靠的方式。它不需要安装任何集成开发环境，不依赖网络，只要有一台装有Windows系统的电脑就可以完成。整个过程本质上就是：用纯文本编辑器写出符合HTML语法的字符串，保存为带正确扩展名的文件，然后交给浏览器解析渲染。
一、为什么记事本可以写HTML
HTML全称是超文本标记语言，它并不是被编译成二进制程序的代码，而是一段带有特定标签规则的文本。浏览器的工作机制是读取文件中的文本内容，根据<html>、<head>、<body>等标签去决定怎么显示文字、图片和布局。正因为HTML是纯文本，所以任何能写字的工具都能写，记事本只是其中最简单的一个。
很多人刚学时容易被各种编辑器搞晕，其实那些工具只是帮你高亮语法、自动补标签。记事本没有这些辅助，但反而能让你看清HTML最原始的样子。只要保存出来的文件内容是标准的标签文本，浏览器根本不在乎它是谁写的。这也是为什么用记事本做出的页面和用专业软件做出的页面在浏览器里没有任何区别。
二、用记事本写HTML的具体步骤
第一步，打开Windows开始菜单，搜索“记事本”并打开。在空白页面中输入一段最基础的HTML结构。下面给出一个最小可用的例子，包含了文档声明、头部和主体：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个页面</title>
</head>
<body>
<h1>你好，世界</h1>
<p>这是用记事本写的HTML页面。</p>
</body>
</html>
第二步，点击记事本顶部“文件”选择“另存为”。在弹出的窗口里，先选保存位置比如桌面，然后在“文件名”处输入“first.html”。注意这里必须自己写全称，不能只写first让系统加txt。接着在“保存类型”下拉框里选“所有文件”，在“编码”处选“UTF-8”，最后点保存。
这一步最容易出错的地方是编码。如果选了默认的ANSI，页面里的中文在浏览器中可能显示成乱码。另外若保存类型没改成所有文件，系统会自动补上.txt，文件就会变成first.html.txt，双击后用记事本打开而不是浏览器，看起来像没运行。
三、如何让写好的HTML运行起来
运行HTML不需要像Python或C那样点“运行”按钮，因为HTML不是程序而是文档。你只需要让浏览器读取这个文件。最简单的方法是打开“此电脑”找到刚才存的first.html，双击它，系统一般会用默认浏览器打开，就能看到标题和段落。
如果双击没反应或开了记事本，可以右键文件选“打开方式”，手动指定用Chrome、Edge或Firefox等浏览器。也可以先开浏览器，在地址栏输入文件位置，例如桌面文件就写：
file:///C:/Users/你的用户名/Desktop/first.html
把上面路径里的“你的用户名”换成实际名称即可。这种file协议方式在路径含中文或空格时尤其稳，不会因为系统关联错误导致用错程序打开。
四、常见无法运行的问题与排查
新手常遇到双击文件却显示代码而非页面，这多数是扩展名没改对。可打开“查看”选项卡勾选“文件扩展名”，确认文件真是.html而不是.html.txt。还有一种情况是标签没闭合，浏览器虽能容错但可能布局错乱，写的时候要注意每个<body>有对应</body>。
另外，若页面空白，先按F12看控制台有无报错，再检查charset和文件编码是否一致。路径里尽量别用中文目录，有些旧浏览器会解析异常。只要文件扩展名正确、编码统一、标签基本完整，记事本写的HTML就能在任何浏览器顺利运行。
五、进一步练习建议
学会基础后，可以在body里加<img src="https://picsum.photos/200/200?random=2">这样的标签嵌入网络图片，或写几个<button>配合简单脚本。虽然记事本不提示语法，但正好逼你记住结构。等熟练了再换编辑器也不迟，底子会非常扎实。
总体看，记事本做HTML并运行是一条零成本入门路。它剥掉了工具外衣，让你直接面对网页本质：文本加标签，浏览器读它。掌握这套方法，以后换任何系统任何编辑器都能快速上手。