HTML 可以將文檔分割為若干段落。
HTML 段落
段落是通過
<p>
標(biāo)簽定義的。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<p>這是一個段落苦始。</p>
<p>這是一個段落。</p>
<p>這是一個段落。</p>
</body>
</html>
瀏覽器會自動地在段落的前后添加空行待侵。(
</p>
是塊級元素)
不要忘記結(jié)束標(biāo)簽
即使忘了使用結(jié)束標(biāo)簽,大多數(shù)瀏覽器也會正確地將 HTML 顯示出來:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<p>這是一個段落
<p>這是另一個段落
</body>
</html>
在未來的 HTML 版本中姨裸,不允許省略結(jié)束標(biāo)簽秧倾。
HTML 折行
如果您希望在不產(chǎn)生一個新段落的情況下進行換行(新行),請使用
<br />
標(biāo)簽:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<p>這個<br>段落<br>演示了分行的效果</p>
</body>
</html>
<br />
元素是一個空的 HTML 元素傀缩。由于關(guān)閉標(biāo)簽沒有任何意義那先,因此它沒有結(jié)束標(biāo)簽。
HTML 輸出- 使用提醒
- 我們無法確定 HTML 被顯示的確切效果赡艰。屏幕的大小售淡,以及對窗口的調(diào)整都可能導(dǎo)致不同的結(jié)果。
- 對于 HTML慷垮,您無法通過在 HTML 代碼中添加額外的空格或換行來改變輸出的效果勋又。
- 當(dāng)顯示頁面時,瀏覽器會移除源代碼中多余的空格和空行换帜。所有連續(xù)的空格或空行都會被算作一個空格楔壤。需要注意的是,HTML 代碼中的所有連續(xù)的空行(換行)也被顯示為一個空格惯驼。
這個例子演示了一些 HTML 格式化方面的問題:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
</head>
<body>
<h1>春曉</h1>
<p>
春眠不覺曉蹲嚣,
處處聞啼鳥递瑰。
夜來風(fēng)雨聲,
花落知多少隙畜。
</p>
<p>注意抖部,瀏覽器忽略了源代碼中的排版(省略了多余的空格和換行)。</p>
</body>
</html>