如何制作html文件：两种操作方案

如何制作html文件，你可以选用系统自带纯文本记事本或VSCode编辑器完成，全程遵循W3CHTML5语法规范，保存时必须把后缀设置为.html，保存类型选择所有文件，否则会生成txt纯文本文件；仅临时测试可以用在线编辑工具，长期编写优先选择代码编辑器，Windows记事本适合一次性简单测试，不适合批量代码编写，Mac自带TextEdit需要先切换为纯文本模式，否则会附带格式代码，造成页面乱码。

如何制作html文件：记事本手动创建

打开Windows附件里的记事本，直接输入HTML基础骨架代码，首行必须写上声明文档类型，避免浏览器进入怪异解析模式。

基础代码模板如下：

网页内容

按下Ctrl+S打开保存窗口，保存类型切换为所有文件，文件名填写index.html，编码选择UTF-8，不要保留txt后缀，保存完成后双击文件，就能在浏览器打开网页。

如何制作html文件：专业编辑器创建

先安装VSCode软件，打开软件后新建空白文件，粘贴完整HTML结构，编辑器会自动高亮代码、自动补全闭合标签，减少手写出错概率。

写完代码后按Ctrl+S保存，直接命名为xxx.html，软件会自动识别文件格式，不需要手动修改保存类型。写完后可以右键文件，选择在浏览器中打开，实时查看页面渲染效果。

三种制作方式的对比

如何制作html文件：避坑规则

文件名仅能使用字母、数字、短横线与下划线，不要使用中文、空格与特殊符号，防止部分浏览器无法正常读取文件。

文件编码必须统一设置为UTF-8，meta标签内的字符编码声明要和文件保存编码保持一致，否则中文文字大概率出现乱码。

仅在纯文本模式下编写代码，Word、WPS这类富文本文档不能直接保存为html，文档自带的格式代码会破坏网页结构。