5分钟即可用记事本创建并运行第一个html网页:写代码→另存为index.html(utf-8编码)→双击浏览器打开;进阶可用标准html5结构,含doctype、lang、meta等规范标签。

直接上手就能做,不用装软件、不用懂编程,5分钟搞定第一个网页。
用记事本创建 HTML 文件
Windows 系统按 Win + R,输入 notepad 回车,打开记事本;Mac 系统打开「文本编辑」。在空白页面里写一行最简代码:
你好,我的第一个网页!
点击「文件 → 另存为」,关键三步:
– 文件名填 index.html(或任意名字,但必须以 .html 结尾)
– 「保存类型」选 所有文件
– 「编码」选 UTF-8(避免中文乱码)
确保文件扩展名正确显示
如果保存后看到的是 index.txt 或图标没变,说明系统隐藏了扩展名。需手动开启:
– Windows:打开文件夹 → 顶部菜单「查看」→ 勾选「文件扩展名」
– Mac:访达 → 「显示」→ 「显示文件扩展名」
然后右键重命名,把 .txt 改成 .html 即可。
在浏览器中打开并验证效果
找到你保存的 index.html 文件,双击它,会自动用默认浏览器打开,页面显示“你好,我的第一个网页!”就成功了。
后续想修改内容:右键 → 「用记事本打开」→ 编辑文字 → Ctrl + S 保存 → 切回浏览器按 F5 刷新即可实时看到变化。
升级一步:写标准 HTML5 结构
上面是最简写法,正式入门建议用规范结构,复制粘贴以下代码到记事本再保存:
(告诉浏览器这是 HTML5)-
(声明中文网页) -
<meta charset="UTF-8"> <title>我的首页</title>(设置标题和编码) -
<h1>欢迎!</h1> <p>这是第一段文字</p>(页面可见内容)
这个结构清晰、兼容好,是所有网页的起点,也方便以后加样式和交互。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











