我是靠谱客的博主 超帅冰棍,这篇文章主要介绍HTML中<p>和<br>的区别是什么,现在分享给大家,希望可以做个参考。

本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

p标签

<p> 标签是一个段落标签,用于定义段落。

<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

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

br标签

<br>是一个强制换行标签,可插入一个简单的换行符。

<br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。

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

【推荐教程:《html视频教程》】

<p>和<br>的区别

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

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html> </html> <html> <head> <meta charset="UTF-8"> <title> <p>标记的使用</title> </head> <body> 清平调<br> 云想衣裳花想容,<br> <p>春风拂槛露华浓,</p> <p>若非群玉山头见,</p> <p>会向瑶台月下逢,</p> </body> </html>
登录后复制

效果图:

1.png

最后

以上就是超帅冰棍最近收集整理的关于HTML中<p>和<br>的区别是什么的全部内容,更多相关HTML中<p>和<br>内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(106)

评论列表共有 0 条评论

立即
投稿
返回
顶部