直接保存为.html文件需确保后缀名正确、编码为utf-8、保存类型选“所有文件”；vs code等编辑器需手动设utf-8编码；引用外部文件时须确保路径存在且同目录。

直接保存为 .html 文件就能双击运行，关键不是“怎么存”，而是“别存错”——后缀名、编码、编辑器三处出错，文件就打不开或乱码。

用记事本保存时，必须手动输 .html 后缀

Windows 记事本默认会给你加 .txt，哪怕你输入的是 index.html，它也可能悄悄变成 index.html.txt。浏览器认不出这个文件。

• 打开记事本 → 粘贴 HTML 代码 → 点击“文件”→“另存为”
• 在“文件名”框里，**必须完整输入** index.html（带点、带后缀）
• “保存类型”下拉菜单选“所有文件”，不是“文本文档(*.txt)”
• “编码”选 UTF-8（别用 ANSI，中文会变问号）

Ctrl+S 保存网页 ≠ 保存源码：看清保存类型

你在浏览器里按 Ctrl+S，弹出的窗口里有好几个选项，选错就不是你想要的源码文件：

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

• 选“网页，仅 HTML” → 得到一个干净的 .html 文件（不含图片/CSS，适合备份结构）
• 选“网页，全部” → 得到一个 .html 文件 + 一个同名文件夹（含资源），二者缺一不可
• 千万别选“文本文件(*.txt)”——那只是纯文本，双击打不开网页

用 VS Code 或 Sublime 保存，编码和后缀更可控

这些编辑器不会偷偷改后缀，但默认编码可能不是 UTF-8，尤其粘贴含中文的 HTML 时容易出问题。

• 新建文件 → 粘贴 HTML 代码 → 按 Ctrl+Shift+P 打开命令面板
• 输入 “Save with Encoding” → 选 “UTF-8”
• 再按 Ctrl+S，输入文件名，确保结尾是 .html（比如 demo.html）
• 保存后直接双击，或右键用浏览器打开，立刻可见效果

最容易被忽略的一点：HTML 文件里如果有 <link rel="stylesheet" href="style.css"> 这类路径引用，而你只保存了 HTML 文件，没把 style.css 一起放同目录，页面就会白屏或样式丢失——静态网页的“可运行”，依赖路径准确，不依赖网络。

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！