首页 >web前端 >html教程 >认识<br>与<p>标签之间的区别

认识<br>与<p>标签之间的区别

一个新手
一个新手原创
2017-10-24 13:14:3230012浏览


br与p标签区别brp标签认识之p+css开发时候常用换行标签
接下来,我们介绍下html中常遇见和常用到的df250b2156c434f3390392d09b1c9563e388a4556c0f65e1904146cc1a846bee标签之间的区别及用法,以及使用css对他们控制设置属性样式——扩展知识css换行,css不换行。

一、综合介绍br p    -   TOP

首先,相同之处是br和p都是有换行的属性及意思
其次,区别df250b2156c434f3390392d09b1c9563是只需一个单独使用,而e388a4556c0f65e1904146cc1a846bee和94b3e26ee717c64999d7867364b1b4a3是一对使用
再次,br标签是小换行提行,p标签是大换行(分段)各行作用。
Br实例,特别注意是br的web标准是df250b2156c434f3390392d09b1c9563,而如果用0c6dc11e160d3b678d68754cc175188a没有"/"虽然效果相同,但是是不符合w3c标准的。
这个是e388a4556c0f65e1904146cc1a846bee标签实例,可以看出使用html p标签是换了一个大行,有一个空白行样式。
在未对p设置css样式时候,一般使用一个e388a4556c0f65e1904146cc1a846bee段落标签效果等于使用两个df250b2156c434f3390392d09b1c9563换行标签效果。

使用p标签的时候需要注意的是需要e388a4556c0f65e1904146cc1a846bee和94b3e26ee717c64999d7867364b1b4a3是一对配合使用的,可见以上图例即可了解与理解。

当然可以让p标签换行与br换行一样没有空白,可以使用css对对应p标签进行设置margin:0; padding:0;即可实现,实例p{ margin:0; padding:0;},即可实现e388a4556c0f65e1904146cc1a846bee等于一个df250b2156c434f3390392d09b1c9563。

以上是php中文网给大家通俗介绍br“df250b2156c434f3390392d09b1c9563”和p“e388a4556c0f65e1904146cc1a846bee”标签用法。

Html p与br区别用法知识篇

P和Br都有换行作用,p标签是段落标签,br是强制换行标签。

二、相关html知识    -   TOP

1、html p
2、html br

三、64e5601d0a941f4972a2954192bdae18和df250b2156c434f3390392d09b1c9563标签区别    -   TOP

P是使用一对e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3组合标签,而br独立一个df250b2156c434f3390392d09b1c9563闭合标签。

1、P段落标签介绍
通常文章中段落区分明显上段文字与下段文字有一定间隔我们就可以对上下段文字都使用p标签,我们使用p段落标签,在一段文字开始前使用e388a4556c0f65e1904146cc1a846bee,在这段文字结束加个94b3e26ee717c64999d7867364b1b4a3标签。段落p标签将让上段与下段文字有一定距离,大概是两倍line-height行高距离。

2、Br强制换行标签介绍
区别于p段落标签,br标签我们用于文段换行排版。换行后上下行文字距离是按line-height行高实现间距。
html df250b2156c434f3390392d09b1c9563强制换行标签演示截图

通常同等初始化下网页里,要实现上下文字间隔相同,2个br换行标签相当于使用p段落标签。

Html P段落与html Br换行对比案例HTML代码片段:

第一行文字 <br /> 
第二行文字<br /><br /> 
第三行文字<br /> 
第四行文字 
<p>第一段文字</p> 
<p>第二段文字</p> 
<p>第三段文字</p>

四、Br与p总结    -   TOP

我们需要文字小换行时候我们使用br换行标签,如果要实现段落可以使用p标签,这样HTML结构清晰有利于搜索引擎与用户阅读文章,适当的段落与换行布局应该从用户阅读习惯。

以上是认识<br>与<p>标签之间的区别的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn