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

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











