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