3分钟即可用记事本写出可运行的网页:复制模板→改文字→保存为.html→双击打开。只需掌握5个基础标签(h1~h6、p、a、img、注释),注意英文符号、路径和强制刷新,无需安装复杂工具。

不用装复杂工具、不背概念、不写逻辑,只要会复制粘贴+改文字,3分钟就能让浏览器显示你写的网页。
用记事本就能写,别被“编辑器”吓住
Windows 直接按 Win+R 输入 notepad 回车;Mac 打开「文本编辑」。写完保存时注意两点:
- 文件名必须带
.html后缀,比如myfirst.html - 保存类型选「所有文件」,不是「文本文档」
双击这个文件,Chrome 或 Edge 就能打开预览——改完代码,保存后刷新页面,效果立刻可见。VS Code 虽好,但对纯新手反而多一层安装和插件配置负担,先跑通再升级。
只记 5 个标签,够搭出完整页面
别一上来就查几十个标签。先死磕这 5 个,覆盖 90% 的基础内容:
-
<h1></h1>到<h6></h6>:标题,数字越小越大,<h1></h1>一页只能用一次(语义要求) -
<p></p>:段落,文字包进去就行,浏览器自动加空行 -
<a href="https://example.com"></a>:链接,href里填网址,想新窗口打开就加target="_blank" -
<img src="photo.jpg" alt="描述文字">:图片,src是图片路径(同目录直接写文件名),alt是图片加载失败时显示的说明,必须写 -
<!-- 注释 -->:写在代码里,浏览器看不见,但你自己能看懂,比如<!-- 这里开始正文 -->
这些标签没逻辑、不报错、不编译,写错浏览器也大概率照常显示——HTML 本身就很宽容。
复制粘贴这个模板,填空式上手
把下面这段代码原样复制进记事本,保存为 index.html,然后只改中间几行文字:
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的第一个网页</title> </head> <body> <h1>这里写你的大标题</h1> <p>这里写第一段话</p> <a href="https://baidu.com">点我跳转百度</a> </body> </html>
改完保存,双击打开。你会发现:<title></title> 决定浏览器顶部标签名, 里的内容才真正在页面上显示。其他部分(、<meta>)是固定配置,第一次写完就不用动了。
容易卡住的三个真实细节
新手实际动手时,真正绊倒人的往往不是语法,而是这几个具体操作点:
- 中文标点混入:全角冒号、引号、括号会直接让标签失效,务必用英文半角符号(
<code>>"=) - 路径写错:图片放在同一文件夹,
src就写pic.jpg;如果放子文件夹images/下,就得写images/pic.jpg,不能漏斜杠 - 浏览器缓存:改完代码保存后,页面没更新?不是代码错了,是浏览器缓存旧版本——强制刷新(
Ctrl+F5或Cmd+Shift+R)
HTML 的门槛不在“学”,而在“敢改、敢试、敢刷新”。所有效果都是即时反馈的,没有隐藏步骤,也没有必须按顺序执行的流程。唯一需要盯紧的,就是你刚保存的那个 .html 文件,它就是最终结果。

















