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

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

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

HTML进阶--段落标签P --------16岁的小前端_第1张图片

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

  1.  辛识平

  2.  这个春节,国产科幻电影《流浪地球》如“火石”一般点燃了人们的想象力和激情。这部“硬核”风格的科幻片,不仅迅速成为票房黑马,而且引发了广泛的社会讨论。

  3.  莎士比亚曾说,一千个观众眼中有一千个哈姆雷特。同一部电影,不同的人会有不同的看法和评价。《流浪地球》并不完美,但从中国科幻电影发展的视角看,它很新很燃很震撼,好比片中的行星发动机一样,在大开“脑洞”的同时,也激荡起强劲的思想冲击波。

  4.  日月之行,星汉灿烂,我们从何处来,又往哪里去?科学与哲学的沉思,总能在科幻世界展开想象的翅膀。科幻大师艾萨克·阿西莫夫曾将科幻定义为“关注科技进步对人类影响的文学分支”。在西方,科幻作品开始盛行的年代,正是人类最初进入太空的时代,也是人类开始意识到地球面临环境、资源等种种挑战的时代。科幻的世界,无论怎样天马行空、光怪陆离,其实都有着深刻的现实根源。

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

相信看到题目就行该能够想到了吧;没错就是【   

  】由于我们的段落是要有始有终的,所以这里的【   

   】标签要成对写;一个表示【开始】,一个代表【结束】;

那我们上工具吧每一段的前面加上【   

   】,每一段的后面加上【   

   】吧;

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

HTML进阶--段落标签P --------16岁的小前端_第2张图片

把新闻内容复制进来;

HTML进阶--段落标签P --------16岁的小前端_第3张图片

每一段的前面加上【   

   】,每一段的后面加上【   

   】;

HTML进阶--段落标签P --------16岁的小前端_第4张图片

保存,保存,保存;浏览器打开看一下效果;

HTML进阶--段落标签P --------16岁的小前端_第5张图片

我们发现给一段文字的前后添加【   

   】可以将这段文字变成就像是自然段一样,自带换行

要注意的是这里

】标签会使段落的面上和下面都换行

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

HTML进阶--段落标签P --------16岁的小前端_第6张图片

 

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

代码 标签名 属性

段落标签【开始】 可以将这段文字变成就像是自然段一样,自带换行
     

段落标签【结束】 结束这一段落

 

 

 

 

 

不是某个培训机构的老师,也不会为某个培训机构打广告,也不会去向大家推荐;

有任何前端方面不懂的,需要与我交流的;或者对我发的博文有建议的都可以给我发私信或评论;

如不能及时回复可以加我QQ  3051190879;验证消息里写【CSDN】;

我会一直更新至HTML,css,JavaScript,webapi,jquery,php,h5,c3,等内容

我的任何博文只要注明出处【16岁的小前端】的话可以任意转载;

 

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

 

 

 

 

 

你可能感兴趣的:(HTML)