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
廣告