首页 >web前端 >html教程 > 正文

HTML <br>与<p>标签区别

原创2019-10-09 16:03:200416
第九期线上培训班
我们介绍下html中常遇见和常用到的<br />和<p>标签之间的区别及用法

首先,相同之处是br和p都是有换行的属性及意思

其次,区别<br />是只需一个单独使用,而<p>和</p>是一对使用

再次,br标签是小换行提行,p标签是大换行(分段)各行作用。(推荐学习:html教程)

php-244.png

br实例,特别注意是br的web标准是<br />,而如果用<br>没有"/"虽然效果相同,但是是不符合w3c标准的。

php-245.png

这个是<p>标签实例,可以看出使用html p标签是换了一个大行,有一个空白行样式。

在未对p设置css样式时候,一般使用一个<p>段落标签效果等于使用两个<br />换行标签效果。

说明如下图示意图:

php-246.png

上图表现的正是两个br标签等于一个p实例

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

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

以上是给大家通俗介绍br“<br />”和p“<p>”标签用法。

以上就是HTML <br>与<p>标签区别的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码
  • 相关标签:HTML
  • 本文原创发布php中文网,转载请注明出处,感谢您的尊重!
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    (*-*)浩

    认证0级讲师

    最近文章
    java 枚举使用方法622
    HTML的 <nav> 标签211
    php难吗227
    推荐视频教程
  • HTML极速入门(2018版)HTML极速入门(2018版)
  • HTML趣味闯关课堂HTML趣味闯关课堂
  • HTML中文参考手册HTML中文参考手册
  • HTML前端基础第六部HTML前端基础第六部
  • 视频教程分类
    第九期线上培训班