用文本编辑器新建index.html并双击打开即可浏览，关键注意文件名正确、编码为UTF-8无BOM、DOCTYPE顶格书写、标签小写加双引号、路径和大小写准确。
直接用文本编辑器写 index.html 就能打开浏览
不需要安装任何“建站软件”或“可视化工具”，HTML5 本质就是纯文本文件。用系统自带的记事本（Windows）、TextEdit（macOS 设为纯文本模式）或 VS Code 这类轻量编辑器，新建一个文件，保存为 index.html（注意后缀必须是 .html），双击就能在浏览器里打开——这是最简可行路径。
常见错误现象：hello world 写了但浏览器空白，大概率是文件被存成了 index.txt 或编码用了 UTF-8 with BOM；macOS 上用 TextEdit 默认存成富文本（.rtf），必须先选「格式 → 制作纯文本」再保存。
- 保存时务必手动输入完整文件名：
index.html，不能只输index - 编码选 UTF-8（无 BOM），VS Code 右下角可点编码切换
- 浏览器刷新快捷键是
Ctrl+R（Win）或Cmd+R（Mac），改完代码立刻按它看效果
必须顶格写在第一行
这是 HTML5 的唯一文档类型声明，告诉浏览器：“按最新标准解析”。漏掉、写错位置（比如前面空行或注释）、拼成 （小写）一般不影响显示，但严格来说不符合规范，某些校验工具会报错，也不利于后续引入 CSS/JS 时的兼容预期。
正确结构开头长这样：
立即学习“前端免费学习笔记（深入）”；
我的第一个页面 Hello, HTML5!
-
中的lang属性建议加上，有助于屏幕阅读器和 SEO -
必须放在靠前位置，否则中文可能乱码 - 所有标签都用小写，属性值用英文双引号，这是 HTML5 推荐写法
用 ![html5怎么搭建简单网页_零基础搭html5页面实操方法【方法】]()
容易踩的坑：
-
的路径写错最常见：图片和在同一文件夹，就写；如果图片在
文字（不是src） -
index.html的src="photo.jpg"如果指向本地文件（如images/），确保该文件真实存在且在同一目录 -
src="images/photo.jpg"不代表“最大字号”，而是“最重要标题”，全文只该有一个./images/
加点颜色和间距？直接用 /images/ 属性写内联 CSS
不想碰外部文件或复杂语法，就用 属性临时调整：比如让标题变红加粗，写 href；让段落上下留空，写 about.html。这比学选择器、写 CSS 文件快得多，适合快速验证想法。
注意点：
- 多个样式用英文分号
分隔，最后不加 - 颜色可用英文名（
）、十六进制（style）、rgb（style） - 单位别漏：
欢迎
内容
- 这只是过渡手段，样式一多就难维护，后续再抽离到
;标签或外部 .css 文件
真正卡住新手的往往不是语法，而是路径、编码、大小写、引号这些细节。先跑通一个能打开、有文字、带图片的 red，比纠结“最佳实践”重要得多。等你改了十次、刷新二十次之后，那些规则自然就印脑里了。
