用Windows自带的Notepad来写HTML是非常基础也实用的入门方式。HTML本身是一种标记语言,不需要像C或Java那样经过编译,所谓编译运行其实就是写完后保存为html文件再用浏览器打开。下面一步步说明具体做法。

一、用Notepad新建并编写HTML
在桌面或任意文件夹右键,选择新建文本文档,命名为test.txt,然后右键用Notepad打开。也可以直接打开Notepad,清空后写入下面的内容:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个页面</title>
</head>
<body>
<h1>你好,HTML</h1>
<p>这是用Notepad写的页面。</p>
</body>
</html>
注意在代码里我们用了<meta charset="UTF-8">来声明编码,这能减少后面乱码可能。
二、保存为HTML文件
在Notepad里点击文件、另存为。关键有两点:
- 保存类型选“所有文件(*.*)”
- 文件名写 full.html,例如 test.html
- 编码选 UTF-8,避免中文变乱码
如果只改扩展名但类型还是txt,系统可能实际存成 test.html.txt,需要在文件夹选项里勾选显示扩展名确认。
三、运行查看页面
保存好之后,进入文件所在目录,双击 test.html 文件,系统会用默认浏览器打开,就能看到页面效果。也可以用浏览器里的打开文件功能加载它。
若页面空白或中文乱码,先检查文件是不是真以.html结尾,再确认Notepad保存时编码为UTF-8。
四、简单排错对照
| 现象 | 原因 | 处理 |
|---|---|---|
| 浏览器显示源码 | 被当成文本打开 | 确认扩展名是.html而非.txt |
| 中文乱码 | 编码不一致 | Notepad用UTF-8另存,meta声明一致 |
| 图片不显示 | 路径错 | 用相对路径或正确绝对路径 |
五、小技巧
想快速刷新看改动,在Notepad改完保存,回到浏览器按F5即可。后续写复杂页面时,也可把JS写在<script>里,CSS写在<style>中,同样保存html运行。
通过以上步骤,您已经能用Notepad完成HTML的编写与运行,不需要任何额外编译工具。
NotepadHTMLcompile_run修改时间:2026-07-27 16:42:23