HTML <h1> 到 <h6> 標籤
示例
六種不同的 HTML 標題
<h1>這是標題 1</h1>
<h2>這是標題 2</h2>
<h3>這是標題 3</h3>
<h4>這是標題 4</h4>
<h5>這是標題 5</h5>
<h6>這是標題 6</h6>
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
The <h1> 到 <h6> 標籤用於定義 HTML 標題。
<h1> 定義最重要的標題。<h6> 定義最不重要的標題。
注意: 每頁只使用一個 <h1> - 它應該代表整個頁面的主要標題/主題。此外，不要跳過標題級別 - 從 <h1> 開始，然後使用 <h2>，以此類推。
瀏覽器支援
| 元素 | |||||
|---|---|---|---|---|---|
| <h1> - <h6> | 是 | 是 | 是 | 是 | 是 |
全域性屬性
The <h1> to <h6> 標籤也支援 HTML 中的全域性屬性。
事件屬性
The <h1> to <h6> 標籤也支援 HTML 中的事件屬性。
更多示例
示例
設定標題的背景顏色和文字顏色（使用 CSS）
<h1 style="background-color:DodgerBlue;">你好世界</h1>
<h2 style="color:Tomato;">你好世界</h2>
自己動手試一試 »
示例
設定標題的對齊方式（使用 CSS）
<h1 style="text-align:center">這是標題 1</h1>
<h2 style="text-align:left">這是標題 2</h2>
<h3 style="text-align:right">這是標題 3</h3>
<h4 style="text-align:justify">這是標題 4</h4>
自己動手試一試 »
相關頁面
HTML 教程：HTML 標題
HTML DOM 參考：Heading 物件
預設 CSS 設定
大多數瀏覽器將 <h1> 元素顯示為以下預設值
示例
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
自己動手試一試 »
大多數瀏覽器將 <h2> 元素顯示為以下預設值
示例
h2 {
display: block;
font-size: 1.5em;
margin-top: 0.83em;
margin-bottom: 0.83em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
自己動手試一試 »
大多數瀏覽器將 <h3> 元素顯示為以下預設值
示例
h3 {
display: block;
font-size: 1.17em;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
自己動手試一試 »
大多數瀏覽器將 <h4> 元素顯示為以下預設值
示例
h4 {
display: block;
font-size: 1em;
margin-top: 1.33em;
margin-bottom: 1.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
自己動手試一試 »
大多數瀏覽器將 <h5> 元素顯示為以下預設值
示例
h5 {
display: block;
font-size: .83em;
margin-top: 1.67em;
margin-bottom: 1.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
自己動手試一試 »
大多數瀏覽器將 <h6> 元素顯示為以下預設值
示例
h6 {
display: block;
font-size: .67em;
margin-top: 2.33em;
margin-bottom: 2.33em;
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
自己動手試一試 »
