用记事本即可编写HTML:保存为.html文件、选“所有文件”、编码UTF-8,双击打开;核心结构7行可运行,标签是内容说明书而非命令,中文需lang和charset,图片链接等按示例填空,样式属CSS范畴。

直接用记事本就能写 HTML,不需要装任何编程工具,也不用懂“前端”“编译”这些词——你只要会打字、会保存文件、会双击打开,就能做出第一个网页。
用系统自带的记事本写 HTML 就够了
Windows 按 Win + R,输入 notepad 回车;Mac 打开「文本编辑」。别被“VS Code”“IDE”吓住,新手阶段用记事本反而更清楚:哪行代码对应页面上哪块内容。
写完后保存时注意三点:
- 文件名必须带
.html后缀,比如my-first-page.html(不能是.txt) - “保存类型”选“所有文件”,不是“文本文档”
- 编码选
UTF-8(记事本里是“另存为”对话框右下角的下拉菜单)
保存完双击这个文件,浏览器就自动打开了。改一行文字 → 保存 → 刷新页面 → 看效果,整个流程不到 3 秒。
、 这些标签不是命令,是“说明书”
它们不执行逻辑,只是告诉浏览器:“这部分是标题”“这部分是段落”“这张图放这儿”。新手常卡在以为要“运行”或“编译”,其实只是写描述。
最简可用结构就这 7 行,复制粘贴进去就能跑:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head> <body> <h1>你好,世界!</h1> </body> </html>
重点看这三处:
-
<title></title>里的文字,出现在浏览器顶部标签页上 -
<h1></h1>里的文字,是页面上最大的标题 -
lang="zh-CN"和meta charset="UTF-8"必须有,否则中文可能乱码或搜索引擎看不懂
图片、链接、列表这些功能,加一行标签就生效
不用查文档,照着填空就行。比如加一张本地图片:
<img src="photo.jpg" alt="我的照片">
只要把 photo.jpg 换成你电脑里真实存在的图片文件名(和 HTML 文件放在同一文件夹),刷新页面就出来了。如果没显示,90% 是路径错了或文件名大小写不一致(Windows 不敏感,但部署到服务器后会敏感)。
常见操作对照表:
- 加超链接:
<a href="https://example.com">点我跳转</a> - 做无序列表:
<ul> <li>第一项</li> <li>第二项</li> </ul> - 换行不用
<br>,用段落<p></p>更语义清晰
浏览器右键“查看页面源代码”是你最该养成的习惯
看到喜欢的网页效果?右键 → “查看页面源代码”,直接看到它用了哪些标签。别怕看不懂,只盯住你刚学过的几个:比如找 <h1></h1> 在哪儿、<img alt="新手怎么入门编辑HTM网页" > 的 src 是什么路径、<a></a> 链接指向哪里。
容易忽略的一点:HTML 标签本身没有样式,<h1></h1> 看起来大只是浏览器默认给了样式。如果你发现标题不够大、文字没居中、图片挤在一起——那不是 HTML 写错了,是还没学 CSS。先确保结构对、内容能出来,样式是下一步的事。

















