HTML 標(biāo)題 段落
HTML 標(biāo)題
在 HTML 文件中，標(biāo)題很重要。
標(biāo)題（Heading）是透過 <h1> - <h6> 等標(biāo)籤定義的。
<h1> 定義最大的標(biāo)題。 <h6> 定義最小的標(biāo)題。
實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <h1>這是標(biāo)題 1</h1> <h2>這是標(biāo)題 2</h2> <h3>這是標(biāo)題 3</h3> <h4>這是標(biāo)題 4</h4> <h5>這是標(biāo)題 5</h5> <h6>這是標(biāo)題 6</h6> </body> </html>
程式運行結(jié)果：
註解：瀏覽器會自動地在標(biāo)題的前後新增空白行。
註解：預(yù)設(shè)情況下，HTML 會自動地在區(qū)塊級元素前後新增一個額外的空白行，例如段落、標(biāo)題元素前後。
標(biāo)題很重要
#請確保將HTML heading 標(biāo)籤只使用於標(biāo)題。不要只是為了產(chǎn)生粗體或大號的文字而使用標(biāo)題。
搜尋引擎使用標(biāo)題為您的網(wǎng)頁的結(jié)構(gòu)和內(nèi)容編制索引。
因為使用者可以透過標(biāo)題來快速瀏覽您的網(wǎng)頁，所以用標(biāo)題來呈現(xiàn)文件結(jié)構(gòu)是很重要的。
應(yīng)該將 h1 用作主標(biāo)題（最重要的），其後是 h2（次重要的），再其次是 h3，以此類推。
HTML 水平線
#<hr />標(biāo)籤在HTML頁面中建立水平線。
hr 元素可用來分隔內(nèi)容。
範(fàn)例
#下面的程式碼會輸出標(biāo)題和水平線
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <h1>這是第一個標(biāo)題</h1> <hr/> <h2>這是第二個標(biāo)題</h2> <hr/> </body> </html>
程式運行結(jié)果：
#上面的程式碼輸出了<h1>標(biāo)題和<h6>標(biāo)題，還有兩條水平線
HTML 段落
#段落是透過<p> 標(biāo)籤定義的。
直接看範(fàn)例
實例
#<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p>這是第一個段落。</p> <p>這是第二個段落。</p> </body> </html>
程式執(zhí)行結(jié)果：
這是第一個段落。
這是第二段。
註解：瀏覽器會自動地在段落的前後新增空白行。 （<p> 是區(qū)塊級元素）
提示：使用空白的段落標(biāo)記 <p></p> 去插入一個空白行是個壞習(xí)慣。用 <br /> 標(biāo)籤代替它！ （但不要用<br /> 標(biāo)籤去建立清單。不要急，您將在稍後的篇幅學(xué)習(xí)到HTML 清單。）
#不要忘記結(jié)束標(biāo)籤
即使忘了使用結(jié)束標(biāo)籤，大多數(shù)瀏覽器也會正確地將HTML 顯示出來，就像下面一樣：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p>忘記了結(jié)束標(biāo)簽 <p>忘記了結(jié)束標(biāo)簽 </body> </html>程式運作結(jié)果：
忘了結(jié)束標(biāo)籤
#忘了結(jié)束標(biāo)籤? ?
#上面的範(fàn)例在大多數(shù)瀏覽器中都沒問題，但不要依賴這種做法。忘記使用結(jié)束標(biāo)籤會產(chǎn)生意想不到的結(jié)果和錯誤。
註解：在未來的 HTML 版本中，不允許省略結(jié)束標(biāo)籤。
提示
：透過結(jié)束標(biāo)籤來關(guān)閉 HTML 是一種經(jīng)得起未來考驗的 HTML 編寫方法。清楚地標(biāo)記某個元素在何處開始，並在何處結(jié)束，不論對您還是對瀏覽器來說，都會使程式碼更容易理解。
HTML 換行
如果您希望在不產(chǎn)生一個新段落的情況下進行換行（新行），請使用<br /> 標(biāo)籤
<br /> 元素是空的HTML 元素。由於關(guān)閉標(biāo)籤沒有任何意義，因此它沒有結(jié)束標(biāo)籤。 實例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <p> 如果<br />需要<br />換行<br />段落,<br />請使用 br 標(biāo)簽. </p> </body> </html>
#程式執(zhí)行結(jié)果：
需要
換行
請使用br 標(biāo)籤.?
HTML 空格####### #################通常情況下，HTML會自動截斷多餘的空格。不管你加多少空格，都被看做一個空格。例如你在兩個字之間加了10個空格，HTML會截去9個空格，只保留一個。為了在網(wǎng)頁中增加空格，你可以使用### ###;表示空格。 ##################實例################在原始碼中使用空格###
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <h1>春曉</h1> <p>春眠不覺曉，</p> <p>處處聞啼鳥。</p> <p>夜來風(fēng)雨聲，</p> <p>花落知多少。</p> <p>注意，瀏覽器忽略了源代碼中的排版<br/>（省略了多余的空格和換行）。</p> </body> </html>###### ###程式運行結(jié)果：#####################下面是使用 表示空格。 ######
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>php.cn</title> </head> <body> <h1>春曉</h1> <p>春眠不覺曉，</p> <p>    處處聞啼鳥。</p> <p>      夜來風(fēng)雨聲，</p> <p>        花落知多少。</p> <p>使用了 空格</p> </body> </html>#########程式運行結(jié)果：###
提示： 表示一個空格
