撰寫 HTML 內容時，並不能像撰寫 word 或 txt 檔案一樣，單純透過「enter」將內容「換行」，HTML 必須依靠 <br> 進行換行，這篇教學會介紹使用換行元素。

原文參考：換行 br

認識 <br>

HTML 的換行元素是 <br> 標籤所構成的元素，只要在需要換行的內容後方，加上 <br>，就會自動換行。

<br> 屬於「空元素」，只需要「起始標籤」。

例如下方的 HTML 開啟後，會以 <br> 將文字分隔成三段。

<p>
  床前明月光，疑是地上霜，舉頭望明月，低頭思故鄉。
  <br>
  春眠不覺曉，處處聞啼鳥，夜來風雨聲，花落知多少。
  <br>
  千山鳥飛絕，萬徑人蹤滅，孤舟蓑笠翁，獨釣寒江雪。
</p>

如果連續使用 <br>，使用幾次就會換行幾次，例如下方的 HTML，使用三次 <br> 就會換行三次。

<p>
  床前明月光，疑是地上霜，舉頭望明月，低頭思故鄉。
  <br><br><br>
  春眠不覺曉，處處聞啼鳥，夜來風雨聲，花落知多少。
  <br>
  千山鳥飛絕，萬徑人蹤滅，孤舟蓑笠翁，獨釣寒江雪。
</p>

<br> 支援屬性和預設樣式

<br> 的作用只有「換行」，因此沒有預設屬性以及樣式 ( 但換行的行高會被父元素的樣式所影響 )。

更多教學

大家好，我是 OXXO，是個即將邁入中年的斜槓青年，我有個超過一千篇教學的 STEAM 教育學習網，有興趣可以參考下方連結呦～ ^_^

• Python 教學 ( 學習導讀 )
• Scratch 教學
• GA4 ( Google Analytics 4 ) 教學
• 生成式 AI ( AIGC ) 教學
• Midjourney 教學
• HTML 教學