LN :跟著W3School學HTML 006 內容參考自W3School [HTML 教程][1] HTML段落 瀏覽器會自動地在段落的前後添加空行。(`` 是塊級元素) 不要忘記結束標簽。 實例解析 This is a paragraph This is another paragraph 效果 ...
LN :跟著W3School學HTML 006
內容參考自W3School
HTML段落
- 瀏覽器會自動地在段落的前後添加空行。(
<p>
是塊級元素) - 不要忘記結束標簽。
實例解析
<p>This is a paragraph</p>
<p>This is another paragraph</p>
效果展示
This is a paragraph
This is another paragraph
HTML折行
- 如果您希望在不產生一個新段落的情況下進行換行(新行),請使用
<br />
標簽: - 即使
<br>
在所有瀏覽器中的顯示都沒有問題,使用<br />
也是更長遠的保障。
實例解析
<p>This is<br />a para<br />graph with line breaks</p>
效果展示
This is
a para
graph with line breaks
HTML tips
- 對於 HTML,您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果。
- 當顯示頁面時,瀏覽器會移除源代碼中多餘的空格和空行。所有連續的空格或空行都會被算作一個空格。需要註意的是,HTML代碼中的所有連續的空行(換行)也被顯示為一個空格。
實例解析
<html>
<body>
<h1>春曉</h1>
<p>
春眠不覺曉,
處處聞啼鳥。
夜來風雨聲,
花落知多少。
</p>
<p>註意,瀏覽器忽略了源代碼中的排版(省略了多餘的空格和換行)。</p>
</body>
</html>
效果展示
春曉
春眠不覺曉, 處處聞啼鳥。 夜來風雨聲, 花落知多少。
註意,瀏覽器忽略了源代碼中的排版(省略了多餘的空格和換行)。