HTML 標題 段落
HTML 標題
在 HTML 文檔中，標題很重要。
標題（Heading）是通過 <h1> - <h6> 等標簽進行定義的。
<h1> 定義最大的標題。<h6> 定義最小的標題。
實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <h1>這是標題 1</h1> <h2>這是標題 2</h2> <h3>這是標題 3</h3> <h4>這是標題 4</h4> <h5>這是標題 5</h5> <h6>這是標題 6</h6> </body> </html>
程序運行結果：
注釋：瀏覽器會自動地在標題的前后添加空行。
注釋：默認情況下，HTML 會自動地在塊級元素前后添加一個額外的空行，比如段落、標題元素前后。
標題很重要
請確保將 HTML heading 標簽只用于標題。不要僅僅是為了產生粗體或大號的文本而使用標題。
搜索引擎使用標題為您的網頁的結構和內容編制索引。
因為用戶可以通過標題來快速瀏覽您的網頁，所以用標題來呈現文檔結構是很重要的。
應該將 h1 用作主標題（最重要的），其后是 h2（次重要的），再其次是 h3，以此類推。
HTML 水平線
<hr /> 標簽在 HTML 頁面中創(chuàng)建水平線。
hr 元素可用于分隔內容。
實例
下面的代碼會輸出標題和水平線
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <h1>這是第一個標題</h1> <hr/> <h2>這是第二個標題</h2> <hr/> </body> </html>
程序運行結果：
上面的代碼輸出了<h1>標題和<h6>標題，還有兩根水平線
HTML 段落
段落是通過 <p> 標簽定義的。
直接看例子
實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p>這是第一個段落。</p> <p>這是第二個段落。</p> </body> </html>
程序運行結果：
這是第一個段落。
這是第二個段落。
注釋：瀏覽器會自動地在段落的前后添加空行。（<p> 是塊級元素）
提示：使用空的段落標記 <p></p> 去插入一個空行是個壞習慣。用 <br /> 標簽代替它?。ǖ遣灰?<br /> 標簽去創(chuàng)建列表。不要著急，您將在稍后的篇幅學習到 HTML 列表。）
不要忘記結束標簽
即使忘了使用結束標簽，大多數瀏覽器也會正確地將 HTML 顯示出來，就像下面這樣：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p>忘記了結束標簽 <p>忘記了結束標簽 </body> </html>
程序運行結果：
忘記了結束標簽
忘記了結束標簽 ? ?
上面的例子在大多數瀏覽器中都沒問題，但不要依賴這種做法。忘記使用結束標簽會產生意想不到的結果和錯誤。
注釋：在未來的 HTML 版本中，不允許省略結束標簽。
提示：通過結束標簽來關閉 HTML 是一種經得起未來考驗的 HTML 編寫方法。清楚地標記某個元素在何處開始，并在何處結束，不論對您還是對瀏覽器來說，都會使代碼更容易理解。
HTML 換行
如果您希望在不產生一個新段落的情況下進行換行（新行），請使用 <br /> 標簽
<br /> 元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義，因此它沒有結束標簽。
實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p> 如果<br />需要<br />換行<br />段落,<br />請使用 br 標簽. </p> </body> </html>
程序運行結果：
如果
需要
換行
段落,
請使用 br 標簽.?
HTML 空格
通常情況下，HTML會自動截去多余的空格。不管你加多少空格，都被看做一個空格。比如你在兩個字之間加了10個空格，HTML會截去9個空格，只保留一個。為了在網頁中增加空格，你可以使用 ;表示空格。
實例
在源代碼中使用空格
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <h1>春曉</h1> <p>春眠不覺曉，</p> <p>處處聞啼鳥。</p> <p>夜來風雨聲，</p> <p>花落知多少。</p> <p>注意，瀏覽器忽略了源代碼中的排版<br/>（省略了多余的空格和換行）。</p> </body> </html>
程序運行結果：
下面是使用 表示空格。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <h1>春曉</h1> <p>春眠不覺曉，</p> <p>    處處聞啼鳥。</p> <p>      夜來風雨聲，</p> <p>        花落知多少。</p> <p>使用了 空格</p> </body> </html>
程序運行結果：
提示： 表示一個空格
