HTML 可以將文檔分割為若干段落。
HTML 段落
段落是通過 <p> 標簽定義的。
實例
<p> 這是一個段落 </p>
<p> 這是另一個段落 </p>
注意:瀏覽器會自動地在段落的前后添加空行锌仅。(</p> 是塊級元素)
不要忘記結(jié)束標簽
即使忘了使用結(jié)束標簽,大多數(shù)瀏覽器也會正確地將 HTML 顯示出來:
實例
<p> 這是一個段落
<p> 這是另一個段落
運行結(jié)果
上面的例子在大多數(shù)瀏覽器中都沒問題,但不要依賴這種做法碑幅。忘記使用結(jié)束標簽會產(chǎn)生意想不到的結(jié)果和錯誤。
注釋: 在未來的 HTML 版本中塞绿,不允許省略結(jié)束標簽沟涨。
HTML 折行
如果您希望在不產(chǎn)生一個新段落的情況下進行換行(新行),請使用 <br /> 標簽:
實例
<p> 這個 <br> 段落 <br> 演示了分行的效果 </p>
運行結(jié)果
<br /> 元素是一個空的 HTML 元素异吻。由于關(guān)閉標簽沒有任何意義裹赴,因此它沒有結(jié)束標簽。
HTML 輸出 - 使用提醒
我們無法確定 HTML 被顯示的確切效果诀浪。屏幕的大小棋返,以及對窗口的調(diào)整都可能導致不同的結(jié)果。
對于 HTML雷猪,您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果睛竣。
當顯示頁面時,瀏覽器會移除源代碼中多余的空格和空行求摇。所有連續(xù)的空格或空行都會被算作一個空格射沟。需要注意的是殊者,HTML 代碼中的所有連續(xù)的空行(換行)也被顯示為一個空格。
實例
如何在瀏覽器中顯示 HTML 段落验夯。
<p>這是一個段落猖吴。</p>
<p>這是一個段落。</p>
<p>這是一個段落挥转。</p>
運行結(jié)果
在 HTML 文檔中使用換行海蔽。
<p>這個<br>段落<br>演示了分行的效果</p>
運行結(jié)果
在 HTML 代碼中的排版一首唐詩
<h1>春曉</h1>
<p>
春眠不覺曉,
處處聞啼鳥绑谣。
夜來風雨聲党窜,
花落知多少。
</p>
<p>注意域仇,瀏覽器忽略了源代碼中的排版(省略了多余的空格和換行)刑然。</p>
運行結(jié)果
瀏覽器在顯示 HTML 時,會省略源代碼中多余的空白字符(空格或回車等)暇务。
HTML 標簽參考手冊
菜鳥教程的標簽參考手冊提供了有關(guān) HTML 元素及其屬性的更多信息泼掠。
標簽 | 描述 |
---|---|
<p> | 定義一個段落 |
<br> | 插入單個折行(換行) |