- 您好！欢迎来到鲲鹏知舟
HTML 段落
HTML 段落或 HTML p 标签用于定义网页中的段落。让我们举一个简单的例子来看看它是如何工作的。值得注意的是，浏览器本身在段落前后添加了一个空行。HTML <p> 标记表示新段落的开始。
注意：如果我们在一个 HTML 文件中使用不同的 <p> 标签，那么浏览器会自动在两个段落之间添加一个空行。
例子 (Example)
<!DOCTYPE html> <html> <body> <p>这是第一段。</p> <p>这是第二段。</p> <p>这是第三段。</p> </body> </html>
输出：
这是第一段。
这是第二段。
这是第三段。
HTML 段落内的空间
如果您在 HTML p 标签内放置大量空格，浏览器会在显示页面时删除多余的空格和多余的行。浏览器将空格和行数作为一个计数。
例子 (Example)
<!DOCTYPE html> <html> <body> <p>我将提供你一个HTML教程,希望它能对你是非常有益的。</p> <p> 看,我在这里放了很多 的空格,但是浏览器会忽略它。 </p> <p> 你不能确定显示的HTML</p> <p>因为缩放窗口可能会产生不同的结果。 </p> </body> </html>
输出：
我将为您提供一个关于 HTML 的教程，希望它对您非常有益。
看，我在这里放了很多空格，但我知道，浏览器会忽略它。
您无法确定 HTML 的显示
因为调整大小的窗口可能会产生不同的结果。
如您所见，浏览器删除了所有多余的行和不必要的空格。
如何在段落中使用 <br> 和 <hr> 标签？
HTML <br> 标签用于换行，它可以与段落元素一起使用。以下是展示如何将 <br> 与 <p> 元素一起使用的示例。
例子 (Example)
<!DOCTYPE html> <html> <head> </head> <body> <h2>使用带有 pragraph 标签的换行符</h2> <p><br>爸爸和妈妈，宝宝和小点， <br>威利和我？ <br>我们所有人都, <br>在圣诞节那天乘坐宾伯利的雪橇去了奶奶 家。 </p> </body> </html>
输出:
HTML <hr> 标签用于在两个语句或两个段落之间应用一条水平线。以下示例显示了带段落的 <hr> 标签的使用。
例子 (Example)
<!DOCTYPE html> <html> <head> </head> <body> <h2>显示带有段落的水平线的示例</h2> <p>HTML hr 标签绘制一条水平线并用该线分隔两个段落。<hr> 它将开始一个新的段落。 </p> </body> </html>
输出：
支持浏览器
| 元素 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| <p> | Yes | Yes | Yes | Yes | Yes |
-
使用社交账号登录,本站支持
全部评论(0)