Html代码编辑器哪个好用，Html代码编辑器推荐

看你是纯HTML编辑还是带有后台的？

1.纯HTML专业点的话，装Dreamweaver CSS4 CS5也行，但我估计你用不到那些功能。

个人比较中意的纯HTML，有两个轻量级的：

2.Dreamweaver 8，r比较早的一个版本，很小，才几十MB。

3.Editplus，万能编辑王，但缺点是需要打补丁。

带后台的话：

4.一个是NetBeans，主打PHP后台，但很轻量级，前端编辑也不错，但跳提示速度慢。

5.还有个是vs studio，微软主打产品，比较大，但几乎是万能的。

6.如果你只是手写代码，推荐sublime。sublime要不DW小很多，而且还有各种插件支持。

1、w3schools：w3schools是一个免费的在线编程学习网站，它提供了很多关于HTML、CSS、JavaScript、SQL、PHP、Python、jQuery等的入门教程和参考手册，非常适合初学者学习。

2、Codecademy：Codecademy是一个在线编程学习网站，提供了很多关于HTML、CSS、JavaScript、jQuery、PHP、Python等的入门教程和实践练习，非常适合初学者学习。

3、Treehouse：Treehouse是一个在线编程学习网站，提供了很多关于HTML、CSS、JavaScript、jQuery、PHP、Python等的入门教程和实践练习，非常适合初学者学习。

4、Code Avengers：Code Avengers是一个在线编程学习网站，提供了很多关于HTML、CSS、JavaScript、jQuery、PHP、Python等的入门教程和实践练习，非常适合初学者学习。

5、CodePen：CodePen是一个在线编程编辑器，支持HTML、CSS、JavaScript、jQuery等语言，非常适合初学者练习和实践。

只要你输入任意字元在任意编辑器窗格里，你会立刻发现「网址列」发生了变化，如下图所示，编号1的地方就是你的Bin ID，编号2的地方则是这个Bin的版本编号 (预设会从1开始)，编号3的地方则是目前的显示模式，edit则代表「编辑」模式。预设的情况下，你输入的HTML / CSS / JavaScript都会立刻反映到最右边的Output窗格。

注 :在JS Bin里面，每一个前端网页组合( HTML + CSS + JavaScript )都被称为一个Bin！

当然，只要你把这个Bin设定完成后，便可直接把你当下的JS Bin网址分享出去，非常方便！

导览列介绍

如下图是JS Bin进入后的主要版面，非常简洁，最上方就是个导览列而已，接下来会依图编号解说：

---