首先HTmL包含三层构造，分别是构造层，表现层，行为层。
构造层：html => 网页上有什么，比如说笔墨啊、按钮啊、图片啊等等。
表现层：css => 显示成什么样子，比如说笔墨的大小啊，位置啊，颜色啊等等。
行为层：JavaScript => 详细怎么操作，比如说点击按钮让图片放大缩小等等。
===============================
在理解了html的三层构造之后，我们来学习如何写html。html不是编程措辞，它是一套标签。最大略的html文本是下图1这个样子。我们可以在电脑桌面上新建一个记事本文件，然后把后缀名改一下（.txt=>.html），把这段标签代码粘贴到html文件里，这样一个空缺的网页就做成了。如果须要在网页上添加内容，我们只须要在第10行的位置添加各种各样的标签即可。比如我在图二添加了一个按钮标签和一段笔墨标签，双击html文件，页面上就从左到右，从上到下显示对应的内容。是不是很大略。我们日常浏览的网页都是这样一个标签一个标签画上去的。
我给大家总结了一张图，基本上覆盖了事情中常用的知识点。同时分享几个小技巧。
1.最大略的网页写成什么样子，也便是html模板不须要影象，下图也说了，去百度下载一个VSCode软件（类似于记事本，是现在主流的前端代码编辑器），用它打开我们的html文件，输入英文叹号回车就自动天生了，学编程不要去世记硬背。
2.控件的标签不须要影象，直接百度html XXX标签，例如：百度搜“html按钮标签”，他就会见告我们是<button>，用的韶光长了自然就记住了。是不是省力。
3.标签的属性很主要，可以不去记他的写法，由于写可以百度，主要的是你须要记住标签有什么属性，下图的属性记住足矣。为什么要记呢，由于事情中，有的时候会碰着这样一种情形，明明设置一个属性可以完成的功能，我们不知道，花费了大力气用css和js去实现，结果还存在着特定场合的bug，让人很无奈。
4.对付html还有两个标签<canvas>和<svg>，他们是用来绘图的，做分外效果的。我们可以先跳过，等框架啥的都学完了，有兴趣，学习一下。
5.给大家推举一个小白学习html的网站，w3cschool，图里不明白的可以去上边学学练练。
6.如果以为一个人学习前端有难度，我建了一个小白前端学习互换群，可以私聊我，大家在群里多多互换，我会常常给大家答疑，组织大家练习，一起做小项目。有方向，少走弯路。
