温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

HTML中<p>和<br>的区别有哪些

发布时间:2021-03-02 11:28:25 来源:亿速云 阅读:315 作者:清风 栏目:web开发

这篇文章主要为大家展示了HTML中<p>和<br>的区别有哪些,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带大家一起来研究并学习一下“HTML中<p>和<br>的区别有哪些”这篇文章吧。

html是什么

html的全称为超文本标记语言,它是一种标记语言,包含了一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体,html文本是由html命令组成的描述性文本,html命令可以说明文字,图形、动画、声音、表格、链接等,主要和css+js配合使用并构建优雅的前端网页。

区别:“<p>”是段落标签,有结束标签,即“<p>”和“</p>”是一起使用的;“<br>”是强制换行标签,是一个空标签,它没有结束标签,因此“<br></br>”的写法是错误的。“<br>”和<p>”相比,“<p>”分得行距比较大。

p标签

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

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

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

br标签

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

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

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

<p>和<br>的区别

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

<!DOCTYPE html>
</html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>
			<p>标记的使用</title>
	</head>
	<body>
		清平调<br> 
		云想衣裳花想容,<br>
		<p>春风拂槛露华浓,</p>
		<p>若非群玉山头见,</p>
		<p>会向瑶台月下逢,</p>
	</body>

</html>

效果图:

HTML中<p>和<br>的区别有哪些

以上就是关于“HTML中<p>和<br>的区别有哪些”的内容,如果改文章对你有所帮助并觉得写得不错,劳请分享给你的好友一起学习新知识,若想了解更多相关知识内容,请多多关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI