HTML文件必须使用.html或.htm后缀,且需确保纯文本格式与UTF-8编码;Windows需开启显示扩展名防误存为.txt,记事本保存时须选“所有文件”并手动输入完整后缀;Mac的TextEdit须设为纯文本模式。

HTML 文件后缀必须是 .html 或 .htm
浏览器只认这两个后缀来解析 HTML,哪怕内容完全正确,保存成 .txt、.md 或没后缀,双击打开就是纯文本,不会渲染页面。
Windows 默认隐藏已知文件后缀,容易误存为 index.html.txt——看着像 HTML,实际是文本文件。务必在文件资源管理器中开启“显示文件扩展名”,手动删掉多余的 .txt。
用记事本保存时必须选“所有文件”并手动加 .html
记事本默认保存类型是“文本文档(.txt)”,即使你在文件名里写了 page.html,它也会强制改成 page.html.txt。
正确操作:
- 点击“另存为”
- 在“保存类型”下拉菜单中选“
所有文件” - 在“文件名”框中完整输入
index.html(包括点和后缀) - 编码选
UTF-8(避免中文乱码)
代码里带图片对齐属性,不影响文件保存,但影响最终效果
比如写 <img src="a.jpg" align="right" alt="HTML图片对齐代码怎么保存为文件_HTML代码保存为.html文件步骤" >,这个 align 是旧属性,现代浏览器虽还支持,但已废弃;更可靠的是用 CSS:<img src="a.jpg" style="max-width:90%" alt="HTML图片对齐代码怎么保存为文件_HTML代码保存为.html文件步骤" > 或 <img src="a.jpg" style="max-width:90%" alt="HTML图片对齐代码怎么保存为文件_HTML代码保存为.html文件步骤" >。
保存文件本身不依赖这些样式,但如果你发现图片没按预期对齐,问题一定出在写法过时或 CSS 作用域不对,而不是保存步骤错了。
Mac 上用 TextEdit 保存要关掉“富文本”,否则存出来不是纯 HTML
TextEdit 默认是富文本编辑器,直接“另存为”会生成带格式的 RTF 或乱码 HTML。
必须先:
- 打开 TextEdit → 偏好设置 → “新建文档”里勾选“纯文本”
- 或者临时切换:菜单栏
格式 → 使纯文本 - 再“另存为”,格式选“
Plain Text”,后缀手动写.html
立即学习“前端免费学习笔记(深入)”;
文件能不能正常打开,只取决于三件事:后缀是不是.html、内容是不是纯文本、编码是不是能被浏览器识别。其余所有“美化”“对齐”“样式”问题,都是打开之后才开始的事。



















