
- HTML 教程
- HTML - 首頁
- HTML - 路線圖
- HTML - 簡介
- HTML - 歷史與演變
- HTML - 編輯器
- HTML - 基本標籤
- HTML - 元素
- HTML - 屬性
- HTML - 標題
- HTML - 段落
- HTML - 字型
- HTML - 塊
- HTML - 樣式表
- HTML - 格式化
- HTML - 引用
- HTML - 註釋
- HTML - 顏色
- HTML - 圖片
- HTML - 圖片地圖
- HTML - 內聯框架 (iframe)
- HTML - 短語元素
- HTML - 元標籤 (meta)
- HTML - 類
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表格標題和文字說明
- HTML - 表格樣式
- HTML - 表格列組 (colgroup)
- HTML - 巢狀表格
- HTML 列表
- HTML - 列表
- HTML - 無序列表
- HTML - 有序列表
- HTML - 定義列表
- HTML 連結
- HTML - 文字連結
- HTML - 圖片連結
- HTML - 郵件連結
- HTML 顏色名稱和值
- HTML - 顏色名稱
- HTML - RGB
- HTML - 十六進位制 (HEX)
- HTML - HSL
- HTML 表單
- HTML - 表單
- HTML - 表單屬性
- HTML - 表單控制元件
- HTML - 輸入屬性
- HTML 多媒體
- HTML - 影片元素
- HTML - 音訊元素
- HTML - 嵌入多媒體
- HTML 頭部
- HTML - head 元素
- HTML - 新增 Favicon
- HTML - Javascript
- HTML 佈局
- HTML - 佈局
- HTML - 佈局元素
- HTML - 使用 CSS 進行佈局
- HTML - 響應式設計
- HTML - 符號
- HTML - 表情符號
- HTML - 樣式指南
- HTML 圖形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 儲存
- HTML - 伺服器傳送事件
- HTML 其他
- HTML - 文件物件模型 (DOM)
- HTML - MathML
- HTML - 微資料
- HTML - IndexedDB
- HTML - Web 訊息傳遞
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音訊播放器
- HTML - 影片播放器
- HTML - 網頁幻燈片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二維碼
- HTML - Modernizr
- HTML - 驗證
- HTML - 顏色拾取器
- HTML 參考
- HTML - 速查表
- HTML - 標籤參考
- HTML - 屬性參考
- HTML - 事件參考
- HTML - 字型參考
- HTML - ASCII 碼
- ASCII 碼錶查詢
- HTML - 顏色名稱
- HTML - 實體
- MIME 媒體型別
- HTML - URL 編碼
- 語言 ISO 程式碼
- HTML - 字元編碼
- HTML - 已棄用的標籤
- HTML 資源
- HTML - 快速指南
- HTML - 有用資源
- HTML - 顏色程式碼生成器
- HTML - 線上編輯器
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 標籤來設定段落或任何文字元素的邊距或填充。
支援的瀏覽器
標籤 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
br | 是 | 是 | 是 | 是 | 是 |
html_tags_reference.htm
廣告