在浏览器看到的这个页面，行话叫web页面，这个页面的编码语言，叫HTML，相对于其他编码，这个是基础，也比较简单。任何页面按下F12键即可看到页面所有的编码。下面说如何理解
要完整的去布局一个页面，就好像在砌墙一样的，只不过砖块有长有短，各处水泥用量也不一定完全一致等等各种细节不一致而已。用的砖块，行话叫元素，或者标签，长这样<head></head>，其中<head>叫做标签的开始，</head>叫做标签的结束，区别就是“/”开头。
下边这个是固定的框架，都要有
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>基础网页</title>
</head>
<body>
</body>
</html><head></head>，顾名思义，就是网页的头，以百度为例，就是这一部分，<head></head>中间的<title>就是标题的意思，就是那些文字，以百度为例就是红框里边“百度一下，你就知道”这八个字和一个逗号，其他都是固定的，必须的，所以不理解也无所谓。
然后<body></body>里边就是可以无限砌墙堆砖的地方，至于砖块都有什么，很多，基本就是背诵英语单词了，简单举点例子，<a>（anchor）就是超链接（完全类似于PPT的超链接），<p>（paragraph）就是段落，<img>（image）那就是图片的意思。每个标签（砖块）有每个标签的用法，就像每个英语单词有每个单词的用法
然后每个标签有不同的属性，类似于单词不同的词性，简单举点例子，<a href=" "> ,这里href就是写超链接的地址，不写，那就变成段落的效果了，<img src= " ">,src后边就写图片的存储位置，不写就读取不到图片。于是忽然就形成了一本英语书，各种标签，每个标签各种属性，用多了就熟练了，理解应该不难的，都是很基础的单词，比如table就是表格，button就是按钮。这里我就不把这本英语书列出来了，网上很多，自己搜搜看看就行了，而且种类繁多，没必要这里浪费时间。
所谓的技术高低，无非是你记住了一个标签的一个属性，别人记住了这个标签两个属性。就是所谓人家技术高。他们就会狗叫着简历比你长一行。
至此，在<body></body>里边随便砌墙堆砖就可以编写网页了，文字、图片、视频都可以。
上边都是静态的网页，就是没有什么花里胡哨的，接下来稍微上点档次，加点花里胡哨的效果，无非就是文字、图片之类的，我简单举点例子。比如，调整文字的大小、颜色、字体等等，按钮的背景、大小等等。接下来叫CSS语言，和HTML是另外一回事了，这个CSS不砌墙。
前边说到很多个砖块，每个砖块有不同的属性，但是都有的属性，class和id，这个是用于选择到具体的砖块的，可以很多个标签的id或者class是一模一样的，这样方便管理所有的砖块，也可以每个砖块的class或者id都是单独唯一的，这样可能会比较麻烦而已，效果都是一样的，
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>基础网页</title>
<style>
</style>
</head>
<body>
<a id="" class=""></a>
</body>
</html>这里的话只对<style></style>中间编辑，然后怎么编辑，如下：
首先是所谓的选择器，先来基础选择器
- “.标签名 ” →直接用标签名选择，行话叫标签选择器
- “.类名” →以类名作为选择器，行话叫类选择器，如<a class="A">，这里的类名就是class
- #id →id是唯一的，以id名为选择器
- * →选中所有的标签
很好，于是现在你选择到了具体的砖块，然后就可以加一些花里胡哨的东西了，这个事情行话叫“渲染”，这个所谓的选择器还有复合的说法，说的是标签套标签的时候，怎么选里边套的那个，这其实感觉有点鸡肋，反正通过上边四种也可以直接选到，又不是外边套了一层就必须先选中外边的。所以直接省略。
然后就是把各种属性写清楚就可以了，比如涉及文字的，会有字体颜色（color:red)等，图片会有大小<img width=" " height=" ">，就直接列在那个<style>里边就可以了，如 .标签名={ color:red }，至于都有什么属性，还是背英语的形式，属性很多，用的多就熟练。而且都是固定的，比如图片不可能有字体的属性吧。一样的，这里就不一一列举了，不是什么关键点。
通过上述两部分，其实就可以堆出来各种各样花花绿绿的页面了，当然了，到这里堆出来的页面是不会动的，因为通过前边的内容，各个砖块各司其职，安安静静的做自己，接下来就是考虑如何让各个砖块联动起来，这一部分使用的又是一门语言，叫JavaScript，通称Js。写在<script>标签里边，位置如下,写在<head>或者<body>的内部也可以，可以有多个<script>标签，不必拘泥。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>基础网页</title>
<style>
</style>
</head>
<body>
<a id="" class=""></a>
</body>
<script> //写在这里的
</script>
</html>这一部分相较于前边两部分，难度会有明显的上升，但是坡度并没有很陡，只是能感受到坡度而已，内容也很少是背单词的形式，有一丢丢逻辑在里边了，所以这里不再继续往下开展了，单独再开一篇，
