HTML標題和段落LOGIN

HTML標題和段落

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 程式碼的視窗。


下一節
<html> <head> <meta charset="utf-8"> </head> <body> <h1>我是最大的</h1> <h2>我是第二大的</h2> <h3>我是第三大的</h3> .... <h6>我是最小的</h6> </body> </html>
章節課件