用notepad编写HTML代码是很多网页开发初学者入门的第一步，完成代码编写后，只需要按照规范的操作步骤保存文件，就能在浏览器中运行查看网页效果。
一、用notepad编写HTML代码的基础要求
首先你需要确保编写的HTML代码符合基本语法规范，一个最简单的HTML页面结构如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的第一个HTML页面</title>
</head>
<body>
<h1>欢迎来到我的网页</h1>
<p>这是用notepad编写的HTML内容</p>
</body>
</html>
上述代码包含了HTML文档的基本结构，<!DOCTYPE html>声明文档类型，<html>是根标签，<head>存放元数据，<body>存放页面展示内容。
二、用notepad保存HTML文件的步骤
代码编写完成后，正确的保存方式是运行的前提，具体操作如下：
- 点击notepad顶部菜单栏的文件选项，选择另存为
- 在弹出的保存窗口中，选择你要保存文件的位置，比如桌面或者专门的网页项目文件夹
- 在文件名输入框中，给文件命名，注意后缀必须加上
.html或者.htm，比如test.html - 在保存类型下拉框中，选择所有文件 (*.*)，不要选择默认的文本文档
- 在编码下拉框中，选择UTF-8，避免出现中文乱码问题
- 点击保存按钮，完成文件保存
三、运行HTML文件的具体方法
保存好HTML文件后，有两种常用的运行方式：
方法1：直接双击文件运行
找到你刚才保存的HTML文件，直接双击该文件，系统会自动调用默认浏览器打开文件，你就能看到自己编写的网页内容了。
方法2：通过浏览器打开文件
如果你想要指定用某个浏览器打开，可以右键点击HTML文件，选择打开方式，然后选择你想要的浏览器即可。
四、常见问题及解决方法
| 问题现象 | 可能原因 | 解决方法 |
|---|---|---|
| 双击文件后打开的是notepad而不是浏览器 | 文件后缀名没有正确设置，或者系统默认打开程序错误 | 检查文件名是否带了.html后缀，右键文件选择属性，修改默认打开程序为浏览器 |
| 页面中文显示乱码 | 保存文件时编码没有选择UTF-8 | 重新用notepad打开文件，另存为时选择UTF-8编码再保存 |
| 页面没有显示预期内容 | HTML代码语法错误 | 检查代码标签是否闭合，标签名是否拼写正确，可对照基础结构排查问题 |
如果需要修改HTML内容，只需要用notepad重新打开对应的HTML文件，修改代码后保存，再刷新浏览器页面就能看到更新后的效果。