006-HTML-段落

最新推荐文章于 2023-02-21 20:26:12 发布

天又热了

最新推荐文章于 2023-02-21 20:26:12 发布

阅读量278

点赞数

分类专栏： HTML 文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/weixin_43404791/article/details/122856458

版权

HTML 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

本文介绍了HTML中段落和换行的基本概念，包括如何使用<p>标签创建段落，<br>标签实现换行，并提醒读者浏览器会自动处理多余的空格和换行。示例展示了段落与分行效果，以及HTML代码在浏览器中显示的注意事项。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<!--
	HTML段落
		HTMl可以将文档分割为若干段落
	HTML段落
		段落是通过<p>标签定义的
		<p>这是一个段落</p>
		<p>这是另一个段落</p>
		注释:浏览器会自动的在段落的前后添加空行(</p>是块级元素)
	不要忘记使用结束标签
		即使忘记使用结束标签,大多数浏览器也能正确将HTML显示出来
		实例:
		<p>这是一个段落</p>
		<p>这是另一个段落</p>
		注释:未来的HTML版本中,不允许省略结束标签
	HTML折行
		如果您希望在不产生一个新段落的情况下进行换行(新行)可以试试<br>标签
		实例
		<p>段落<br>演示了分行的效果</p>
		<br/>元素是一个空的HTMl元素,由于关闭标签没有任何意义,因此它没有结束标签
	HTML输出-使用提醒
		我们无法确定HTML被显示的确切效果.屏幕的大小以及对窗口的调整都可能导致不同的结果
		对于HTML,您无法通过在HTML代码中添加额外的空格或者换行来改变输出的结果
		当显示页面时,浏览器会移除源代码中多余的空格和空行.所有连续的空格或者空行都会被算作一个空格.
		需要注意的是,HTML代码中所有连续的空行也会被显示为一个空格
		
		实例:
		<h1>春晓</h1>
		<p>
			春眠不觉晓,
				处处闻啼鸟.
					夜来风雨声,
						花落知多少.
		</p>
		<p>注意,浏览器忽略了源代码中的排版,省略了多余的空格和换行
	-->
	<body>
		<p>这是一个段落</p>
		<p>这是另一个段落</p>
		<p><br>段落<br>演示了分行的效果</p>
		<h1>春晓</h1>
		<p>
			春眠不觉晓,
				处处闻啼鸟.
					夜来风雨声,
						花落知多少.
		</p>
		<p>注意,浏览器忽略了源代码中的排版,省略了多余的空格和换行
	</body>
</html>