这是一个面向零基础的前端教程，很简单，用零散时间就可以学习。
推荐早上读一下，晚上复习一下，如果可以奢侈一点，白天稍微练习一下下，总共花费 5~15 分钟。就酱！
首先，请大家乖乖做好并打开自己的电脑，让小老鼠检查一下是哪个小朋友学习到了这里还没有安装编辑器。我们已经开始进入实际操作了，一定要乖乖跟着去做的，占用不了你几分钟时间，这点时间连泡碗面都不够，你都舍不得花在学习上么？咳咳，这一次小老鼠已经把你们这些懒虫记在小本本上了，以后完成了练习，一定要主动打卡汇报哦！要是再等我检查作业，哼哼，我就哭给你们看！！！
上一次我们按了两下按键，就弄出来一堆代码，代码是下面这个样子的：
<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Documenttitle>head><body> body>html>什么，你没有弄出来?
什么，你弄出来的不是这个样子？？
那么，遇到问题你为什么不提问呀？？？(你们那么安静，我还以为你们都睡着了呢……
下面我们来解读一下上面的代码，这样就更方便在朋友面前装[哔~~]了呢。(没有跟上进度的同学一定要抓紧了，遇到问题在课下偷偷的敲小老鼠喔。
这个标签长得挺特殊的，你可以把它当做固定格式，说的是这个文档的类型是 html，算是和浏览器之间的一种确认。因为有时候网址是不带后缀的，那么浏览器就可以通过第1行的这个声明，来快速确定这个文档的类型。反正这个内容可以自动生成，大家知道一下就好。
这对标签囊括了剩下的所有内容，我们从标记的角度去理解，就是标记这里面所有的内容都是 html 格式的文档；或者反过来说，这个页面中 html 部分都应该在这个标签之内。
这个标签就有一个属性 lang，这是语言(language)的缩写，这里的语言指的是文档内容的主要语言，默认是 en，就是英文，我们可以把它设置成 zh 或者 zh-CN 。浏览器会根据这个设置决定是否需要提示进行页面翻译。
这对标签中是放置一些对本页面进行说明的信息，它们不直接显示出来，但会影响到页面的一些显示效果。
标签表示元数据，总之就是用来对页面进行说明的，它可以通过添加不同的属性来表达不同的意思。不过记得一条元数据去说明一件事情。charset 这个属性说的是页面编码，这里被设置为了 UTF-8，留意编辑器的右下方也会显示有 UTF-8，这两个位置的内容相互对应，就可以保证页面不出现乱码。反之，如果页面出现乱码，就先检查这两个位置是否相互对应。
另一条元数据先不做说明，后面用到的时候再说，免得一下学习太多内容反倒混乱了
这对标记中是页面的标题，标题会显示在浏览器的标签上。那么你现在就可以修改这个内容，然后保存文档，并在浏览器中打开查看效果
这对标签中放置页面中用来显示的内容，我们后面所写的代码如果不做说明一般都是放在这里面。
今天的课文不要求背诵，理解一下就可以了，考试的时候主要以选择题的形式
>>>=== 小老鼠卖着萌走过去的分割线 ===<<<
下面这样的进一步说明的内容，以后我可能放入收费部分。这里是为了让大家理解我的划分标准，如果你只是希望用碎片时间，快速去了解一点东西，那么只读上面的就可以了。
现在的内容看起来是有点长了啦，但读两遍然后再回想一下，就会发现其实内容非常少，所以大家应该能够跟得上的哈。
一定一定要跟着进度进行操作，别攒着啊！我已经在努力的分化这些知识，降低你们每一次学习时的难度。如果你们攒到一起去操作，那小老鼠的苦心不就白费了么。
然后攒到一起，发现任务有点儿多，东西有点儿复杂，天气也冷了……总之就很想睡觉。那就又该成功的咕咕咕了。
敲桌子，超大声！！！交作业啊！~~~~
>>>=== 小老鼠卖着萌走过去的分割线 ===<<<
学习的秘诀就在于坚持下去，可以通过给文章点赞来打卡学习。也让小老鼠了解到有人在看，然后更努力的更新。坚持，一起哦~
有疑问，有想法，有理解……都可以写在评论里。听懂了不等于会使用，会使用不等于能讲出来。尝试讲出自己的理解，是很好的学习方法呢~(小老鼠就在这样学习着，可爱！
可以来微信群一起讨论嗷~~【前端小课堂】微信群
这么可爱的小老鼠……Rua！这么简单的小教程，就学一下呗~~
【决心】学习的，可以找小老鼠，用小“鞭子”督促你~(收费哦，还贵呢~~
678
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
