HTML段落

本文概述

  • HTML段落内的空间
  • 如何在段落中使用< br> 和< hr> 标签?
  • 支持的浏览器
HTML段落或HTML p标签用于定义网页中的段落。让我们举一个简单的例子来看看它是如何工作的。值得注意的一点是, 浏览器本身在段落之前和之后添加一个空行。 HTML < p> 标记指示新段落的开始。
注意:如果我们在一个HTML文件中使用各种< p> 标记, 则浏览器会自动在两个段落之间添加一个空白行。 请参阅以下示例:
< p> This is first paragraph.< /p> < p> This is second paragraph.< /p> < p> This is third paragraph.< /p>

立即测试
输出:
This is first paragraph. This is second paragraph. This is third paragraph.

HTML段落内的空间 如果在HTML p标签内放置了很多空格, 浏览器将在显示页面时删除多余的空格和多余的行。浏览器将空格和行数计为一个。
< p> I am going to provide you a tutorial on HTML and hope that it will be very beneficial for you. < /p> < p> Look, I put here a lot of spacesbutI know, Browser will ignore it. < /p> < p> You cannot determine the display of HTML< /p> < p> because resized windows may create different result. < /p>

立即测试
输出:
I am going to provide you a tutorial on HTML and hope that it will be very beneficial for you.Look, I put here a lot of spacesbutI know, Browser will ignore it.You cannot determine the display of HTML because resized windows may create different result.

如你所见, 浏览器将删除所有多余的行和不必要的空格。
如何在段落中使用< br> 和< hr> 标签? HTML < br> 标记用于换行符, 可以与段落元素一起使用。以下是显示如何将< br> 与< p> 元素一起使用的示例。
例:
< !DOCTYPE html> < html> < head> < /head> < body> < h2> Use of line break with pragraph tag< /h2> < p> < br> Papa and mama, and baby and Dot, < br> Willie and me?the whole of the lot < br> Of us all went over in Bimberlie's sleigh, < br> To grandmama's house on Christmas day. < /p> < /body> < /html>

立即测试
输出:
HTML段落

文章图片
【HTML段落】HTML < hr> 标记用于在两个语句或两个段落之间应用一条水平线。以下是显示< hr> 标记与段落一起使用的示例。
例:
< !DOCTYPE html> < html> < head> < /head> < body> < h2> Example to show a horizontal line with paragraphs< /h2> < p> An HTML hr tag draw a horizontal line and separate two paragraphs with that line.< hr> it will start a new paragraph. < /p> < /body> < /html>

立即测试
输出:
HTML段落

文章图片
支持的浏览器
Element Chrome IE Firefox Opera Safari
< p> Yes Yes Yes Yes Yes

    推荐阅读