如何在 HTML 頁面中建立標題？

標題是您希望在網頁上顯示的內容的標題或副標題。標題幫助我們瞭解網頁上的內容。標題和副標題代表網頁內容中的關鍵概念、想法和支援性想法。HTML 有不同級別的標題標籤。

標題使用<h1>到<h6>標籤定義。使用標題來顯示 HTML 文件結構非常重要。<h1> 標題應用於主標題，然後是 <h2> 標題，然後是 <h3>，依此類推，直到 <h6>。

語法

以下是標題標籤的語法。我們在 body 標籤內使用這些標籤來指定 body 內 <p> 標籤的標題。

<h1>Content of the heading1</h1>
<h2>Content of the heading2</h2>
<h3>Content of the heading3</h3>
<h4>Content of the heading4</h4>
<h5>Content of the heading5</h5>
<h6>Content of the heading6</h6>

示例

以下是使用單個標題標籤的示例程式。

<!DOCTYPE html>
<html>
<head>
   <title>Title of the page</title>
</head>
<body>
   <h1>HTML Articles - Heading1 tag</h1>
</body>
</html>

示例

以下是使用不同標題標籤的示例程式。

<!DOCTYPE html>
<html>
<head>
   <title>Title of the page</title>
</head>
<body>
   <h1>HTML Articles - Heading1 tag</h1>
   <h2>HTML Articles - Heading2 tag</h2>
   <h3>HTML Articles - Heading3 tag</h3>
   <h4>HTML Articles - Heading4 tag</h4>
   <h5>HTML Articles - Heading5 tag</h5>
   <h6>HTML Articles - Heading6 tag</h6>
</body>
</html>

以下是不同標題標籤的輸出。我們在下面的輸出中看到了不同標題標籤的字型。

更改標題的大小

我們還可以使用 style 屬性在標題標籤內使用 font-size 屬性來更改標題的大小。

語法

以下是更改標題標籤字型大小的語法。

<h1 style="font-size:40px;" >…</h1>

示例

以下是調整標題標籤大小的示例程式。

<!DOCTYPE html>
<html>
<head>
   <title>Title of the page</title>
</head>
<body>
   <h1 style="font-size:40px;" >HTML Articles</h1>
   <h2>HTML Articles </h2>
</body>
</html>

以下是調整標題標籤字型大小的輸出。

更新於： 2022年11月11日

5K+ 次檢視

開啟您的 職業生涯

透過完成課程獲得認證

開始學習
廣告