您的位置:CSS主页 > HTML入门 >

p与br区别

 

Html p与br区别用法知识篇

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

br p目录
  1. 相关知识
  2. <P>和<br />标签区别
  3. Br与p总结

一、相关html知识   -   TOP

1、html p
2、html br

二、<P>和<br />标签区别   -   TOP

P是使用一对<p></p>组合标签,而br独立一个<br />闭合标签。

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

案例效果截图:


段落p标签案例截图

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


br换行标签案例截图

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

P与br标签对比使用案例截图


p br对比案例截图

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

  1. 第一行文字 www.thinkcss.com <br /> 
  2. 第二行文字 <br /><br /> 
  3. 第三行文字<br /> 
  4. 第四行文字 
  5.  
  6. <p>第一段</p> 
  7. <p>第二段</p> 
  8. <p>第三段</p> 

三、Br与p总结:   -   TOP

我们需要文字小换行时候我们使用br换行标签,如果要实现段落可以使用p标签,这样HTML结构清晰有利于搜索引擎与用户阅读文章,适当的段落与换行布局应该从用户阅读习惯。当然我们也可以使用CSS对p标签设置样式属性,让p段落标签上下段落间隔缩小和拉大。

相关阅读
1、Br强制换行
2、P段落换行

标签(Tag): br p p与br

更多

上一页: 上一篇:html5介绍
下一页: 下一篇:没有了

 

HTML必备基础教程

 

CSS必备基础教程

 

 

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-10-25     点击:
原创来源:ThinkCSS     来源网址:http://www.thinkcss.com/view/b89.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!

 

推荐信息