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进入后的主要版面,非常简洁,最上方就是个导览列而已,接下来会依图编号解说:
HTML在线编辑器不需要懂得使用Dreamweaver,会用Word就会使用此编辑器,在文章系统或者是新闻系统需要文字编辑的web程序中非常实用。但是如何将html编辑器嵌入到web页中和怎么取得里面的数据呢?!
首先我们假定我们所要调用得HTML在线编辑器放在一个单独得页面中,文件名是gledit.htm。
HTML在线编辑器有两种基本调用方法
一、使用object调用:
1、怎么在web页中嵌入html编辑器: 我们在需要嵌入得位置加入以下html代码: