首页教程软件教程正文

HTML段落

uncle 软件教程 2025年08月6日

0 收藏 0 点赞 432 浏览 1302 个字

摘要 :

文章目录 HTML段落中的空格如何在段落中使用 和<hr>标签？支持的浏览器 HTML段落或HTML p 标签用于在网页中定义一个段落。让我们以一个简单的示例来……

文
章
目
录

HTML段落中的空格
如何在段落中使用 和<hr>标签？
支持的浏览器

HTML段落或HTML p 标签用于在网页中定义一个段落。让我们以一个简单的示例来看它是如何工作的。需要注意的是，浏览器会在段落前后自动添加一个空行。HTML 标签表示新段落的开始。

注意：如果我们在一个HTML文件中使用多个标签，浏览器会自动在两个段落之间添加单个空行。

示例：

<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 spaces                    but            I 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 spaces but I know, Browser will ignore it.

You cannot determine the display of HTML

because resized windows may create different result.

正如您所看到的，浏览器会删除所有额外的空行和不必要的空格。

如何在段落中使用 和<hr>标签？

HTML 标签用于换行，它可以与段落元素一起使用。以下是示例，展示了如何在元素中使用 。

示例：

<!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>

效果：