在 HTML 文檔中，標(biāo)題很重要。
在HTML中，段落是通過(guò) <p> 標(biāo)簽來(lái)定義的。<p> 是 “paragraph”（段落）的縮寫(xiě)。每個(gè) <p> 標(biāo)簽定義了一個(gè)獨(dú)立的段落。
下面是一個(gè)簡(jiǎn)單的HTML段落示例：
<!DOCTYPE html>
<html lang=“en”>
<head>
<meta charset="UTF-8">
<title>段落示例</title>
</head>
<body>
<p>這是一個(gè)段落。</p>
<p>這是另一個(gè)段落。</p>
</body>
</html>
在這個(gè)例子中，我們創(chuàng)建了兩個(gè)段落。每個(gè)段落都被 <p> 和 </p> 標(biāo)簽包圍。瀏覽器會(huì)在每個(gè)段落前后自動(dòng)添加一些空白（邊距），使得文本更易讀。
你可以通過(guò)CSS來(lái)調(diào)整段落的樣式，比如字體大小、顏色、行高、邊距等。例如：
<!DOCTYPE html>
<html lang=“en”>
<head><meta charset="UTF-8"> <title>段落樣式示例</title> <style> p { font-size: 16px; color: #333; line-height: 1.5; margin-bottom: 20px; } </style></head>
<body><p>這是一個(gè)帶有自定義樣式的段落。</p> <p>這是另一個(gè)帶有自定義樣式的段落。</p></body>
</html>
在這個(gè)例子中，我們通過(guò) <style> 標(biāo)簽在 <head> 部分定義了CSS樣式，這些樣式會(huì)應(yīng)用到所有的 <p> 標(biāo)簽上，改變段落的字體大小、顏色、行高以及下邊距。
確實(shí)，HTML中的許多標(biāo)簽都需要一個(gè)結(jié)束標(biāo)簽來(lái)正確地定義元素的范圍。對(duì)于段落標(biāo)簽 <p>，結(jié)束標(biāo)簽是 </p>。忘記添加結(jié)束標(biāo)簽可能會(huì)導(dǎo)致布局或樣式上的問(wèn)題，因?yàn)闉g覽器可能無(wú)法正確地解析文檔結(jié)構(gòu)。
以下是一個(gè)正確使用開(kāi)始和結(jié)束標(biāo)簽的段落示例：
<p>這是一個(gè)正確的段落示例，它包含了開(kāi)始標(biāo)簽 <p> 和結(jié)束標(biāo)簽 </p>。</p>
如果忘記添加結(jié)束標(biāo)簽，比如這樣：
<p>這是一個(gè)忘記添加結(jié)束標(biāo)簽的段落示例。
那么瀏覽器可能會(huì)嘗試自動(dòng)修復(fù)錯(cuò)誤，但結(jié)果可能不可預(yù)測(cè)，且可能導(dǎo)致后續(xù)的HTML元素顯示或布局異常。
因此，編寫(xiě)HTML代碼時(shí)，務(wù)必確保每個(gè)需要結(jié)束標(biāo)簽的元素都正確地配對(duì)了結(jié)束標(biāo)簽。這不僅包括段落標(biāo)簽 <p>，還包括其他諸如 <div>, <span>, <h1>-<h6>, <a>, <li>, <ul>, <ol>, <table>, <tr>, <td>, <th> 等標(biāo)簽。
一些HTML標(biāo)簽是自閉合的，比如 <img>, <br>, <input>, <meta>, <link> 等，這些標(biāo)簽不需要結(jié)束標(biāo)簽，因?yàn)樗鼈冏陨砭蜆?biāo)記了元素的開(kāi)始和結(jié)束。但在使用其他需要配對(duì)的標(biāo)簽時(shí)，一定要記得添加結(jié)束標(biāo)簽。
在HTML中，如果你想在文本中插入一個(gè)簡(jiǎn)單的折行（換行），你可以使用 <br> 標(biāo)簽。<br> 是一個(gè)空標(biāo)簽，意味著它沒(méi)有結(jié)束標(biāo)簽。這個(gè)標(biāo)簽告訴瀏覽器在該位置插入一個(gè)換行。
下面是一個(gè)使用 <br> 標(biāo)簽的示例：
<!DOCTYPE html>
<html lang=“en”>
<head>
< charset="UTF-8">
<title>折行示例</title>
</head>
<body>
<p>這是一段文本。<br>這是新的一行。</p>
</body>
</html>
在這個(gè)例子中，<br> 標(biāo)簽在 “這是一段文本。” 和 “這是新的一行。” 之間插入了一個(gè)換行，使得 “這是新的一行。” 顯示在新的一行上。
請(qǐng)注意，<br> 標(biāo)簽應(yīng)該只在詩(shī)歌或地址之類的文本中使用，其中換行是文本內(nèi)容的一部分。在正常的段落文本中，通常應(yīng)該使用多個(gè) <p> 標(biāo)簽來(lái)分隔不同的段落，而不是使用 <br> 標(biāo)簽來(lái)創(chuàng)建多個(gè)換行。這是因?yàn)?<p> 標(biāo)簽提供了更好的語(yǔ)義化標(biāo)記，有助于屏幕閱讀器和搜索引擎理解文本的結(jié)構(gòu)。
在 HTML5 中，<br> 標(biāo)簽可以單獨(dú)使用，而不需要閉合斜杠（/）。HTML5 規(guī)范允許某些元素以單標(biāo)簽的形式存在，而 <br> 就是其中之一。因此，在 HTML5 文檔中，你只需寫(xiě) <br> 即可。
然而，在 XHTML（一種更嚴(yán)格的 HTML 變體，遵循 XML 語(yǔ)法規(guī)則）和一些早期的 HTML 版本中，推薦使用 <br /> 的形式來(lái)確保標(biāo)簽的正確閉合。XML 和 XHTML 要求所有元素都必須顯式閉合，因此 <br /> 是符合這些規(guī)范的。
在現(xiàn)代的 HTML5 文檔中，<br> 和 <br /> 在功能上是相同的，瀏覽器會(huì)同樣地處理它們。但是，為了保持與 HTML5 標(biāo)準(zhǔn)的一致性，通常推薦使用 <br>。
如果你在編寫(xiě) HTML5 文檔，使用 <br> 就足夠了。如果你正在處理 XHTML 或需要確保與舊版瀏覽器的兼容性，使用 <br /> 也是可以的，盡管在現(xiàn)代瀏覽器中這不是必需的。
在HTML中輸出內(nèi)容時(shí)，有幾個(gè)有用的提示可以幫助你優(yōu)化代碼和提高用戶體驗(yàn)：
驗(yàn)證你的HTML：
使用W3C的HTML驗(yàn)證器來(lái)檢查你的HTML代碼是否有誤。這有助于確保你的頁(yè)面在所有瀏覽器中都能正確顯示，并且符合Web標(biāo)準(zhǔn)。
使用語(yǔ)義化的標(biāo)簽：
使用HTML5引入的語(yǔ)義化標(biāo)簽（如<header>, <footer>, <article>, <section>等）來(lái)增強(qiáng)你的頁(yè)面結(jié)構(gòu)。這不僅有助于搜索引擎理解你的內(nèi)容，還能提高可訪問(wèn)性。
優(yōu)化圖片：
在將圖片添加到網(wǎng)頁(yè)之前，先使用圖像編輯軟件對(duì)其進(jìn)行優(yōu)化，以減小文件大小。你也可以考慮使用響應(yīng)式圖片技術(shù)，以確保圖片在不同設(shè)備上都能正確顯示。
避免內(nèi)聯(lián)樣式：
盡量不要在HTML標(biāo)簽中使用style屬性來(lái)添加內(nèi)聯(lián)樣式。相反，應(yīng)該使用外部CSS文件來(lái)定義樣式規(guī)則。這樣做不僅可以讓你的HTML代碼更簡(jiǎn)潔，還方便你管理和維護(hù)樣式。
7}：
在發(fā)布網(wǎng)頁(yè)之前，務(wù)必在不同的瀏覽器中測(cè)試你的頁(yè)面，以確保它們?cè)谒兄髁鳛g覽器中都能正確顯示和運(yùn)行。
使用視口元標(biāo)簽：
在<head>部分添加視口（viewport）元標(biāo)簽，以確保你的頁(yè)面在移動(dòng)設(shè)備上能夠正確縮放和顯示。例如：<meta name=“viewport” content=“width=device-width, initial-scale=1”>。
考慮可訪問(wèn)性：
確保你的頁(yè)面符合可訪問(wèn)性標(biāo)準(zhǔn)，例如提供文本替代內(nèi)容（alt屬性）以供屏幕閱讀器使用，以及確保顏色和對(duì)比度對(duì)色弱或色盲用戶友好。
利用模板和框架：
如果你經(jīng)常需要?jiǎng)?chuàng)建類似的頁(yè)面結(jié)構(gòu)，可以考慮使用HTML模板或前端框架來(lái)加速開(kāi)發(fā)過(guò)程。
壓縮和合并代碼：
在生產(chǎn)環(huán)境中，壓縮和合并你的HTML、CSS和JavaScript代碼可以減少加載時(shí)間并提高性能。你可以使用工具如Gulp、Webpack或Grunt來(lái)自動(dòng)化這個(gè)過(guò)程。
遵循這些提示可以幫助你創(chuàng)建出更加高效、可維護(hù)和用戶友好的HTML頁(yè)面。
HTML 段落
如何在瀏覽器中顯示 HTML 段落。
<html>
<body>
<p>這是段落。</p>
<p>這是段落。</p>
<p>這是段落。</p>
<p>段落元素由 p 標(biāo)簽定義。</p>
</body>
</html>
換行
在 HTML 文檔中使用換行。
<html>
<body>
<p>
To break<br />lines<br />in a<br />paragraph,<br />use the br tag.
</p>
</body>
</html>
在 HTML 代碼中的排版一首唐詩(shī)
瀏覽器在顯示 HTML 時(shí)，會(huì)省略源代碼中多余的空白字符（空格或回車等）。
<html>
<body>
<h1>春曉</h1>
<p>
春眠不覺(jué)曉，
處處聞啼鳥(niǎo)。
夜來(lái)雨聲，
花落知多少。
</p>
<p>注意，瀏覽器忽略了源代碼中的排版（省略了多余的空格和換行）。</p>
</body>
</html>
| 標(biāo)簽 | 描述 |
|---|---|
| <p> | 定義段落。 |
| <br /> | 插入單個(gè)折行（換行）。 |
希望這個(gè)表格能為你提供一個(gè)基本的 HTML 標(biāo)簽參考！如有需要，請(qǐng)隨時(shí)提問(wèn)。
上一篇： HTML 標(biāo)題
下一篇： HTML 樣式