html在线编辑器怎么用

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

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

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

导览列介绍

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

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等语言，非常适合初学者练习和实践。

---