HTML 標題和段落
HTML 標題
標題(Heading)是透過<h1> - <h6> 標籤進行定義的.
<h1> 定義最大的標題。 <h6> 定義最小的標題。
<html> <head> <meta charset="utf-8"> </head> <body> <h1>我是最大的</h1> <h2>我是第二大的</h2> <h3>我是第三大的</h3> .... <h6>我是最小的</h6> </body> </html>
註解: 瀏覽器會自動地在標題的前後新增空白行。
標題很重要
請確保將 HTML 標題 標籤只用於標題。不要只是為了產生粗體或大號的文字而使用標題。
搜尋引擎使用標題為您的網頁的結構和內容編制索引。
因為使用者可以透過標題來快速瀏覽您的網頁,所以用標題來呈現文件結構是很重要的。
應該將 h1 用作主標題(最重要的),其後是 h2(次重要的),再其次是 h3,以此類推。
HTML 段落
有了標題接著就會有段落了,段落是用<p></p>標籤定義的,例如一段文字,你想給其分段就可以用<p>標籤:
<html> <head> <meta charset="utf-8"> </head> <body> <h1>《背影》-朱自清</h1> <p>我与父亲不相见已二年余了,我最不能忘记的是他的背影。</p>那年冬天,祖母死了,父亲的差使也交卸了,正是祸不单行的日子。我从北京到徐州打算跟着父亲奔丧 回家。到徐州见着父亲,看见满院狼藉的东西,又想起祖母,不禁簌簌地流下眼泪。父亲说:“事已如此,不必难过,好在天无绝人之路!”</p><p>回家变卖典质,父亲 还了亏空;又借钱办了丧事。这些日子,家中光景很是惨淡,一半为了丧事,一半为了父亲赋闲。丧事完毕,父亲要到南京谋事,我也要回北京念书,我们便同行。</p> </body> </html>
範例中的文字雖然沒有分段顯示,但是用了<p>標籤在網頁上運行就顯示分段了,這就是<p>標籤的作用。
HTML 水平線
<hr> 標籤在 HTML 頁面中建立水平線。
<html> <head> <meta charset="utf-8"> </head> <body> <h1>我是最大的</h1> <hr> <h2>我是第二大的</h2> <hr> <h3>我是第三大的</h3> <hr> .... <h6>我是最小的</h6> </body> </html>
HTML 註解
可以將註解插入 HTML 程式碼中,這樣可以提高其可讀性,讓程式碼更容易被人理解。瀏覽器會忽略註釋,也不會顯示它們。
註解寫法如下:
<!-- 註解 -->
HTML 提示- 如何檢視原始碼
你是否看過一些網頁然後驚嘆它是如何實現的。
如果您想找到其中的奧秘,只需要單擊右鍵,然後選擇"查看原始檔案"(IE)或"查看頁面原始碼"(Firefox),其他瀏覽器的做法也是類似的。這麼做會開啟一個包含頁面 HTML 程式碼的視窗。