摸过键盘就能学
什么是HTML文档，我发的CSS、JS源码如何加载？
若是你用过word 文档，或者写过 ppt，哪怕你只用过记事本，学会这一章，没有丝毫压力。html
这两个文件你们应该很是熟悉吧！不熟悉的话我来解释一下，第一个是word 文档，用来编辑文章或包装我的简历；第二个是ppt 用于产品演示或工做讲解。
你们能够看到下方两个迷人的圈圈，被圈住的英文区域称之为“ 后缀 ”，若是你的文档下没有这个后缀，那我教你弄出来。前端
我大胆的猜想一下，你们的电脑应该都是win10 操做系统了。由于个人电脑是win10，因此我只能为你们演示win10 。其它操做系统能够在下方留言或者私信本人。web
首先：打开“ 此电脑 ”，点击左上角的“ 查看 ”浏览器
把这里的文件扩展名打上对勾，以下：svg
在桌面上右击空白区域，建立一个文本文档学习
把后缀名“ .txt ”改成“ .html ”，像这样：动画
单击肯定以后，这个文档的图标就会发生改变编码
这个图标是当前默认浏览器的图标，这个红色的脖圈就是欧朋的标志啦，图标不同不要紧，这个不影响接下来的学习。
若是你能进行到这一步，那你必定是智慧与美貌并存，你离成功就只差1cm了，follow me！操作系统
| 接下来打开这个连接，让咱们去复制一段代码 |
|---|
| “ 这个连接 ” |
这是一个小广告，上面是以前的我，粉丝都是个人朋友们，评论是我本身评论的本身，访问量是我一次又一次点开本身的博客，硬点出来的。
好的，让咱们回归正题！.net
跳转以后的页面是这样的：
把页面往下拉一拉，拉到适当的位置，好比这里：
登陆后点击复制，而后回到桌面
按 1 、2 、3 作相应操做：
1.右键html文档，
2.选择打开方式，
3.选择记事本
| 把复制好的代码粘贴进去，像下面这样： |
|---|
| Ctrl V 有没有不会的？ |
不会就 Ctrl V 一下😊
大概是180行代码，编码是“ utf-8 ”,
若是文档复制的完整，数据是如出一辙的。
若是编码不同就不同吧！这些都无所谓的，代码少了可就什么都没了。
单击文档左上角“ 文件 ”，点击“ 保存 ”。
| 返回桌面后，最后三步： |
|---|
聪明的你会这样操做：
右键单击html文档，选择打开方式，
在花花绿绿的选项中巧妙的避开 “ IE ” 浏览器和 “ 记事本 ”，
选择常见的浏览器，好比：谷歌、火狐、欧朋、搜狗、360等等，咱们任选其一
一个复杂而又简单的Canvas 动画就这样被你实现了，我打赌爱因斯坦学这个也得一时半会儿。前端的学习老是妙不可言，你创造的每一行代码都具备生命，关注我，让你的代码活过来。 ”
知识是免费的，代码是开源的，若是不勤加练习很快又会忘记，前端的学习不是一蹴而就，不积小流无以成江海。点击下方连接多多练习，你的每一次点赞和评论都是对我最大的鼓励。
推荐阅读：