当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


HTML <br>用法及代码示例


HTML <br>标签是一个强大的工具控制布局你的文字。与文字处理器不同,网络浏览器不会自动识别新行或段落格式。这就是<br>标签发挥作用。

<br>标签是self-closing元素,这意味着它不需要结束标签。它通常用于地址、诗歌或任何需要换行以提高可读性的情况。

注意: <br>标签还支持全局属性事件属性在 HTML 中。

用法:

<br>

属性:

属性值

说明

clear

它指示中断后从何处开始下一行。

HTML br 标签示例

1. 使用 br 标签对内容进行换行:

示例 1:在这个例子中,我们在p标签中使用<br>标签来对内容进行换行。

<!DOCTYPE html>
<html lang="en">

<head>
    <title>HTML5 br Tag</title>
</head>

<body>
    <h2>GeeksforGeeks</h2>

    <!--br tag is used in below paragraph-->

    <p>Hi Geeks!
        <br>Welcome to GeeksforGeeks
    </p>

</body>

</html>

输出:

HTML br tag example

HTML br 标签

让我们考虑一个例子。在记事本中键入以下 HTML 代码(不使用 <br> 标记),将文档另存为 HTML 文件,然后在浏览器中打开它。您会注意到文本在四个实例中显示换行符,浏览器将整个文本显示为单个段落。

2.使用br标签添加换行符:

示例 2:此示例说明如何使用 <br> 标记添加line-break。

<!DOCTYPE html>
<html>

<body>
  <h1>GeeksforGeeks</h1>
  <h2>br Tag</h2>
  <!-- br tag -->
  <p>
    GeeksforGeeks:<br>
    Computer science portal
  </p>
</body>

</html>

输出:

HTML br tag example output

HTML br 标签

支持的浏览器:

  • 谷歌浏览器1
  • 边 12
  • 火狐1
  • Opera 15
  • 狩猎4

相关用法


注:本文由纯净天空筛选整理自nk464529大神的英文原创作品 HTML <br> Tag。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。