什么是HTML文档，我发的CSS、JS源码如何加载？

  如果你用过word 文档，或者写过 ppt，哪怕你只用过记事本，学会这一章，没有丝毫压力。

  这两个文件大家应该非常熟悉吧！不熟悉的话我来解释一下，第一个是word 文档，用来编辑文章或包装个人简历；第二个是ppt 用于产品演示或工作讲解。
  大家可以看到下方两个迷人的圈圈，被圈住的英文区域称之为“ 后缀 ”，如果你的文档下没有这个后缀，那我教你弄出来。

  我大胆的猜测一下，大家的电脑应该都是win10 操作系统了。因为我的电脑是win10，所以我只能为大家演示win10 。其它操作系统可以在下方留言或者私信本人。

首先：打开“ 此电脑 ”，点击左上角的“ 查看 ”

  把这里的文件扩展名打上对勾，如下：

在桌面上右击空白区域，创建一个文本文档

把后缀名“ .txt ”改为“ .html ”，像这样：

单击确定之后，这个文档的图标就会发生改变

  这个图标是当前默认浏览器的图标，这个红色的脖圈就是欧朋的标志啦，图标不一样没关系，这个不影响接下来的学习。
如果你能进行到这一步，那你一定是智慧与美貌并存，你离成功就只差1cm了，follow me！

  记录下此时的我！我猜我会越来越好（加油吧）。
  好的，让我们回归正题！

看下面这篇文章：


把页面往下拉一拉，拉到适当的位置，比如这里：


登录后点击复制

接下来打开这个链接，让我们去复制一段代码
“ 这个链接 ”

复制成功以后回到这里，让我们继续

按 1 、2 、3 做相应操作：
1.右键html文档，
2.选择打开方式，
3.选择记事本

把复制好的代码粘贴进去，像下面这样：
Ctrl  V 有没有不会的？

不会就 Ctrl V 一下😊

大概是180行代码，编码是“ utf-8 ”,
如果文档复制的完整，数据是一模一样的。
如果编码不一样就不一样吧！这些都无所谓的，代码少了可就什么都没了。

单击文档左上角“ 文件 ”，点击“ 保存 ”。

返回桌面后，最后三步：

聪明的你会这样操作：
右键单击html文档，选择打开方式，
在花花绿绿的选项中巧妙的避开 “ IE ” 浏览器和 “ 记事本 ”，
选择常见的浏览器，比如：谷歌、火狐、欧朋、搜狗、360等等，我们任选其一

  一个复杂而又简单的Canvas 动画就这样被你实现了，我打赌爱因斯坦学这个也得一时半会儿。前端的学习总是妙趣横生，你创造的每一行代码都具有生命，关注我，让你的代码活过来。 ”

  知识是免费的，代码是开源的，如果不勤加练习很快又会忘记，前端的学习不是一蹴而就，不积小流无以成江海。点击下方链接多多练习，你的每一次点赞和评论都是对我最大的鼓励。


推荐阅读：

可爱的小象
精致俄罗斯方块
猫眼三勾玉
游动的花花肠子