1、记事本（不推荐）

      特点：记事本编写页面代码不适合初学者使用，因为无代码提示、无代码高亮显示、用户界面不友好；

      使用步骤：

首先任选一个位置新建一个记事本

 打开记事本，写上代码并保存

将文件后缀改成html即可

 

2、Sublime 、VSCode （更常用）

      Sublime特点：Sublime 是一个代码编辑器，也是HTML和散文先进的文本编辑器。它运行速度快、代码提示、高亮显示、插件拓展、html 插件emmet、sublime text3 安装emmet插件；

      VSCode特点：相对于Sublime，VSCode有丰富的插件支持、可结合git进行代码管理；

1）Sublime的使用（入门）：

   双击进入，选择File下的New File，新建文件

 在编辑区域输入文件名并添加 .html后缀，Ctrl + s保存即可（也可以直接Ctrl + s保存再输入文件名并添加 .html后缀）

2）VSCode的简单使用（入门）：

   在电脑上新建一个文件夹并给文件命名

在VSCode中选择文件栏下的打开文件夹，选择之前创建的文件夹

 

 展开刚刚打开的文件夹，点击如图所示的图标可新建一个文件（要给新建的文件命名，注意后缀为.html）如图中的Hello.html

 建好文件后即可编写代码

 编写完成后可右键单击代码编写区，选择如图所示的open in Default Browser(默认的浏览器) 或 open in Other Browser （其他非默认的浏览器）即可看到页面效果

在 VSCode中如何安装插件？

如下所示

 

VSCode插件推荐

HTML CSS Support - Html提示Css自动补全

HTML Preview - 提供预览HTML文档的功能

HTML Snippets - 完整的HTML标签，包括HTML5片段

Live Server - 启动一个开发本地服务器，为静态和动态页面提供实时重载功能

open in browser - 可以在默认浏览器或应用程序中打开当前文件

 插件合集：https://www.cnblogs.com/zhengqiang666/p/10725930.html