HTML进阶--段落标签P --------16岁的小前端

前面我们学习了使用【 <br> 】标签来实现这样一个效果；我说过实际上这里并不是使用【 <br> 】标签来实现的，我们只是学习【 <br> 】；

大家有没有听过这样的一段话【今天我们学习新的一课，把书翻到45页，先用2分钟的时间自己划分一下段落】

那么我们可不可以把那一段新闻看做是一个一个的【段落/自然段】，

　　1. 辛识平 　　2. 这个春节，国产科幻电影《流浪地球》如“火石”一般点燃了人们的想象力和激情。这部“硬核”风格的科幻片，不仅迅速成为票房黑马，而且引发了广泛的社会讨论。 　　3. 莎士比亚曾说，一千个观众眼中有一千个哈姆雷特。同一部电影，不同的人会有不同的看法和评价。《流浪地球》并不完美，但从中国科幻电影发展的视角看，它很新很燃很震撼，好比片中的行星发动机一样，在大开“脑洞”的同时，也激荡起强劲的思想冲击波。

这篇新闻可以被分为4段；那么我们如果有一个标签的一个属性可以把它们分成一个一个的段落；这样编辑起来就非常方便，并且代码看起来也更清晰一些；

相信看到题目就行该能够想到了吧；没错就是【 <p></p> 】由于我们的段落是要有始有终的，所以这里的【 <p></p> 】标签要成对写；一个表示【开始】，一个代表【结束】；

那我们上工具吧每一段的前面加上【 <p> 】，每一段的后面加上【 </p> 】吧;

首先先新建HTML文件，对渲染引擎说【我要做网页】，再写出HTML结构；

把新闻内容复制进来；

每一段的前面加上【 <p> 】，每一段的后面加上【 </p> 】；

保存，保存，保存；浏览器打开看一下效果；

我们发现给一段文字的前后添加【 <p></p> 】可以将这段文字变成就像是自然段一样，自带换行

要注意的是这里【<p></p>】标签会使段落的面上和下面都换行，

所以形成了两个段落之间空出2行的效果；但一行是上面P标签的一行是下面P标签的

这里我们总结一下【p】标签：

有任何前端方面不懂的，需要与我交流的；或者对我发的博文有建议的都可以给我发私信或评论； 我会一直更新至HTML，css，JavaScript，webapi，jquery，php，h5，c3，等内容

------------------16岁的小前端