1、进入官网:https://jsfiddle.net/

可以看到如下界面,顶端的控制按钮包括:保存,运行,代码格式化等;

image

 

2、将html、css、js分别写在指定的位置当中,最后一个框result是显示效果的;

3、代码编辑完之后保存,会得到上面所写代码的链接,把这个链接复制下来,后面插入博客就用它

4、在博文中插入以下代码:

<iframe style="width: 100%; height: 300px" src=" https://jsfiddle.net/mxaeoaxb/embedded/result,html,css,js/"> </iframe>

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式