HTML - <br> 标签



HTML <br> 标签用于在文本中换行。当需要分行时使用。它是一个空标签,不需要结束标签。在 HTML 代码中使用 <br> 标签就像在文字处理软件中按回车键一样。

在 HTML 中,段落通常从新行开始,但如果您希望段落内的内容从新行开始呢?在这种情况下,我们将使用HTML 换行符。

语法

<br>

属性

HTML br 标签支持 HTML 的全局事件属性。它也接受一个特定的属性,如下所示。

HTML <br> 标签支持以下属性。

属性 描述
clear 无值 这确保换行“清除”其上方的浮动或对齐元素。

HTML br 标签示例

在下面的示例中,我们将看到 br 标签在 HTML 文档中的用法,以及在网页中使用 br 标签的多种方法。

换行段落元素

在下面的示例中,让我们看看 <br> 元素在 HTML 文档中的用法。

<!DOCTYPE html>
<html>
<body>
   <p>
      Geckos are a group of usually small, usually nocturnal lizards. 
      <br> They are found on every continent except Antarctica. 
   </p>
</body>
</html>

对输入字段使用 br 标签

考虑下面的示例,我们将使用 <br> 标签在新行中显示每个输入字段。

<!DOCTYPE html>
<html>
<body>
   <form>
      <input type="text" placeholder="Enter your name" />
      <br>
      <input type="phone" placeholder="Enter your phone" />
      <br>
      <input type="email" placeholder="Enter your email" />
   </form>
</body>
</html>

在段落上应用 clear 属性

让我们看看另一种情况,我们将对 <br> 标签使用 clear 属性。没有浮动元素,所以输出看起来正常。

<!DOCTYPE html>
<html>
<body>
   <p>
      Tutorials Point India Private Limited,<br>
      Incor9 Building, Kavuri Hills,<br> Madhapur,
      Hyderabad, <br clear>Telangana - 500081, INDIA
   </p>
</body>
</html>
注意: 不要使用 br 标签来设置段落或任何文本元素的边距或填充。

支持的浏览器

标签 Chrome Edge Firefox Safari Opera
br
html_tags_reference.htm
广告