码农教程 - 一技在手,衣食无忧! tools

HTML <h1>到<h6> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

六个不同的 HTML 标题：

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
亲自试一试 »

下面有更多 "亲自试一试" 示例。

定义和用法

这个<h1>到<h6>标签用于定义 HTML 标题。

<h1>定义最重要的标题。<h6>定义最不重要的标题。

笔记：只使用一个<h1>每页 - 这应该代表整个页面的主标题/主题。另外，不要跳过标题级别 - 从<h1>，然后使用<h2>， 等等。

浏览器支持

Element
<h1> - <h6> Yes Yes Yes Yes Yes

全局属性

这个<h1>到<h6>标签还支持HTML 中的全局属性。

事件属性

这个<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">This is heading 1</h1>
<h2 style="text-align:left">This is heading 2</h2>
<h3 style="text-align:right">This is heading 3</h3>
<h4 style="text-align:justify">This is heading 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;
}
亲自试一试 »

❮上一节 完整的 HTML参考 下一节❯