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> 到 <h6> 标签还支持 HTML 中的全局属性。
事件属性
The <h1> 到 <h6> 标签还支持 HTML 中的事件属性。
更多示例
示例
设置标题的背景颜色和文本颜色（使用 CSS）
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<h2 style="color:Tomato;">Hello World</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 参考：标题对象
默认 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;
}
自己尝试 »
