注意：为了避免文章内的代码对网页的影响，所有的代码均由图片所构成，为了避免您的流量过度损失，建议在WIFI环境下浏览

回顾

不知道昨天的干货各位小伙伴们是否都懂了，让我们一起来回顾一下吧！

昨天我们认识了网页的基本构成是由HTML语言所构成的，这里在拓展一个小知识，HTML全称HyperText Markup Language 即超文本标记语言。HTML又是由各种各样的标签所构成的，最基本的标签如下：

网页中最基本的标签

不知道你们发现没有，这些标签都是成对存在的比如下图中：

图2

用红色字迹标识的这对标签，head、body标签也如此，不仅如此，他们的排列顺序还存在嵌套关系，这点以后会讲解。

head标签中我们目前仅需掌握一个成对标签即title标签：

代码

代码运行

上面演示的就是title标签的作用，就是在浏览器的选项卡中呈现该网页的名称。

而后就是body中的标签了，请看下图：

图

不知大家发现没有，img标签只是单个的标签，没有/img(省略尖括号）这就是单标签，这样的单标签还有很多比如br标签等。

昨天我们认识了几个简单的标签，br是换行的意思、p是段落的意思、img是image的缩写即图片的意思、font是字体的意思、b是加粗的意思。

好了，回顾了这么多，就快速进入今天的主题吧！

body中的常用标签

（小提示：学习了今天的内容，你就可以快速的搭建一个非常简单的网页了！）

首先请看网页截图：

网页截图

代码部分

乍一看觉得代码很繁杂，但其实很简单，我们知道标签是构成网页的基本元素，只要是一个物体，就有其属性，所以推广至这里，这些标签也是有属性的，比如上图中p标签align就是一个属性，它所代表的就是p标签的位置，而光有属性那怎么行，还得有属性值才对吧，所以center就是它的属性值，center代表的意思就是剧中的意思，属性值可能不止一个，比如p的align属性就有3个，分别是right、left、center三个，下面就来看看具体的使用方法吧！

实例

实例代码

这就是属性，和属性值的具体作用。

body也不例外也有许多的属性，bgcolor就是其中之一，bg——background背景的意思，color颜色的意思，顾名思义bgcolor就是背景颜色的意思，所以在上面我们所设置的body的背景色为灰色，常见的颜色有red、blue、yellow、gary等等但一般我们不建议使用直接的英文，我们目前网页中采用的是16进制的颜色代码比如#000000就代表了黑色，这点以后会讲解。

img标签为图像标签，而要使用这个标签就离不开src这个属性，src是img标签的灵魂，src即路径，目前采用的路径方法为相对路径，目前我们只用掌握相对简单的绝对路径即可，顾名思义，绝对就是完整的意思，所以绝对路径就是完整路径所以我要引用一张图片比如在D盘中的img文件夹中的01.jpg的这张照片，那么src就该这样写s_r_c="D://img/01.jpg"(为了避免对网页造成影响，故src中加了下划线）。

br标签为强制换行标签，也就是说，文字1后面我们加入了br后，那么文字1后面的文字就到下一行去了，不让如果不加br的话，文字就直接为一排，浏览器下方会出现横向滚动条，滚动才可见文字。

与br有点类似的就是p标签了，你看出来区别了吗？提醒你哦，在文字的最后一排“注意：......”这里的间距是不是比上面的要大一些呢？对了，这就是段落，一段一段的行间距就要比br大，通常情况下我们一般使用p非不得已的情况下才使用br。

好啦，讲了那么多的干货，眼睛是不是都干了，休息了吧，后面的内容让我们下一讲再继续吧！快打开你的电脑试一下上面所讲述的内容吧！小编码字很辛苦呀，喜欢就关注我们，留言，点赞吧！若你们有啥不懂的地方，私信我们必回复呦！最后再祝可爱的你们：元宵节快乐！2018幸福哟！