參考網址:https://www.w3schools.com/html/html_paragraphs.asp

當你開啟段落<p>時,系統總是會換一行從新的行列開始。

HTML Paragraphs HTML 段落

HTML <p> 元素定義了一個段落。 段落總是從新行開始,瀏覽器會自動在段落前後添加一些空格(邊距)。

<p>這是一個段落元素,代表著網頁的文字內容,</p>
<p>可以包含許多段落,每個段落可以有自己的格式設定。</p>
<!-- 上面的是兩個段落元素,而每個段落都會自動重新的一行開始 -->

HTML Display HTML 顯示

在串寫度落實,使用者的環境與視窗大小、解析度是沒有辦法控制的。

而不同的視窗、大小檢視窗也會產生不同效果。

而且HTML也沒辦法製造任何空格或者額外的行列來製造空格。

任何空白 與空的行列 都會自動被瀏覽器刪除。

<P>
    你可以  嘗試著   在段落裡面製造空白。
    但實際上   瀏覽器, 會自動把   他    刪除

    最終  這些多餘的   空白   都會被   刪減至 剩下一格

    甚至   不會   自動 辨識 換行符號   , 你需要自己   手動加上
</P>

image.png

最終效果如右

HTML Horizontal Rules HTML 水平線規則

而排版時你可以使用<hr>符號來建立段落間的水平線/分隔線。

<h1>你可以使用</h1>
<P>< hr >這個符號</P> 
<hr>
<!-- hr 元素可以用來建立分隔線 -->
<h2>來建立分隔線</h2>
<p>是一種方法</p>

HTML Line Breaks HTML 換行符號

HTML <br> 元素定義了換行符號。 記得,如果只是想換行,而不是開啟新的章節與段落時,使用<br>

<p>換行符號 br <BR> 可以將它放在句子中間,<br>就可以換行</p>
<!-- 使用時請謹記seo,搜尋引擎會讀取文章開頭與標題,所以換行符號的使用要注意 -->

The Poem Problem 如果要寫詩