首先，如果你要用ctrl+alt+f格式化代码的话要先选中一段代码再按才会有效，否则是无效的其次，如果你是要格式化整个html文件的话，可以从edittagautoformat tags on document点击这个选项就可以格式化整个html文件如果有什么问题可以私信或加q，如果我知道的话会尽力帮你解答。

为了增加代码的可读性，我们一般建议只是对代码的缩进空格这些做了调整，完整的一行代码并不会换行但是webstorm可以自行对代码进行换行设置所以建议用webstorm设置，具体操作如下在代码编辑窗口的左半部分右击，可以看见有以下几个选项，show indent Guides 显示缩进向导 将User Soft Wraps选项选中。

打开一个HTML文件，右上角有个闪电样子的图标就是实时预览功能，需要电脑中安装Chrome浏览器 其他的编辑器比如sublime之所以强大是因为有很多插件的支持，可以打造最适合自己的编辑器，那Brackets有没有插件呢经过一番寻找终于找到点击文件扩展管理器 可以看到里面有很多插件 3而格式化代码是比较常用。

首先，您需要访问一个在线代码格式化工具，例如 tuimgscomjsgeshihtml这个工具能帮助您将杂乱的代码转变成整齐易于阅读的格式操作步骤如下1 打开工具页面2 复制需要格式化的代码，粘贴到工具界面上3 点击“格式化”按钮工具将自动对代码进行整理，使其更加规范确保在格式化前代码没。

tag插件效果不错啦，可以右键点击“AutoFormat”，就能格式化HTML和CSS了。

下面是通过常用的notepad++工具进行html代码格式化工具notepad++ tidy2插件 步骤一打开notepad++ ，选择插件PPlugin ManagerShow Plugin Manager二在插件列表中勾选tidy2，点击install三完成第二步的安装后，软件会自动重启后在菜单“插件”下多一个“Tidy2”项现在就可以。

安装完毕以后我们点击顶部的工具菜单，然后查看下拉菜单中是否有HTMLCSSJS Prettify选项，如果有则证明安装成功，如下图所示 回到刚才新建的HTML文件中，我们按ctrl+shift+h组合键以后你会发现刚才杂乱的代码都立刻被格式化了，如下图所示 另外你也可以对Prettify插件进行一些设置，这个时候你点击工具下面的。