HTML 副标题

本文将讨论 HTML 副标题。HTML 副标题指的是 HTML 的子标题，我们可以利用 HTML 标签和 CSS 属性来创建子标题。

有两种方法可以创建 HTML 子标题：

• 使用 HTML 元素

在 HTML 中，有各种标题标签定义不同级别的标题。HTML 标题标签是<h1>, <h2>, <h3>, <h4>, <h5>和<h6>。HTML 标题标签是块级元素。<h1>是最高级别的标题，<h6>是最低级别的标题。

我们可以使用 <h2>、<h3>、<h4>、<h5> 和 <h6> HTML 元素来创建副标题。

注意：标题标签不用于定义标题大小或创建粗体字体，而是用于告知网页内容的 গুরুত্ব（重要性）。

• 使用 CSS 属性

我们可以利用 font-size 和 font-weight CSS 属性来设置 HTML 元素的尺寸和粗细，以创建副标题。

让我们一起来好好理解 HTML 标题标签和 CSS 属性。

HTML 标题标签

HTML 中标题从 h1 到 h6 定义。以下是 HTML 中的标题元素，下面将进行描述：

• h1 元素

它用于在网页上添加主标题。h1 元素是最重要的。

语法

<h1>是开始标签，</h1>是结束标签，内容写在 h1 元素的开始和结束标签之间。

• h2 元素

它用于为网页添加副标题。h2 元素的重要性低于 h1 元素。

语法

<h2>是开始标签，</h2>是结束标签，内容写在 h2 元素的开始和结束标签之间。

• h3 元素

它用于为网页添加副标题。h3 元素的重要性低于 h2 元素。

语法

<h3>是开始标签，</h3>是结束标签，内容写在 h3 元素的开始和结束标签之间。

• h4 元素

它用于为网页添加副标题。h4 元素的重要性低于 h3 元素。

语法

<h4>是开始标签，</h4>是结束标签，内容写在 h4 元素的开始和结束标签之间。

• h5 元素

它用于为网页添加副标题。h5 元素的重要性低于 h4 元素。

语法

<h5>是开始标签，</h5>是结束标签，内容写在 h5 元素的开始和结束标签之间。

• h6 元素

它用于为网页添加副标题。h6 元素的重要性低于 h5 元素。

语法

<h6>是开始标签，</h6>是结束标签，内容写在 h6 元素的开始和结束标签之间。

注意

• <h1>元素在同一网页上只能使用一次。它只能用于创建主标题。
• 在同一网页上使用 <h2>、<h3>、<h4>、<h5> 和 <h6> 标签没有限制。

使用 HTML 副标题标签创建副标题的演示

本次演示将使用从 <h1> 到 <h6> 的标题标签。

<h1> 标签用于更高级别的标题。

<h2>、<h3>、<h4>、<h5> 和 <h6> 标签用于较低级别的标题，即副标题。

代码

输出

这是输出，我们可以看到使用 HTML 标题标签创建的副标题。

font-size CSS 属性

我们可以使用 font-size CSS 属性来创建副标题。

语法

在上面给出的语法中，"font-size"是 CSS 属性，长度可以用 px、cm、in、mm 等单位表示。

使用 font-size CSS 属性创建副标题的演示

让我们通过 font-size CSS 属性来了解如何创建副标题。

代码

输出

这是输出，我们可以看到通过使用 CSS 属性创建的副标题。

浏览器支持

以下是支持<h1> 标签、<h2> 标签、<h3> 标签、<h4> 标签、<h4> 标签、<h5> 标签、<h6> 标签、font-size CSS 属性和font-weight CSS 属性的浏览器：

• 谷歌浏览器
• 火狐
• Opera
• Microsoft Edge
• Safari

结论

在本篇文章中，我们了解了 HTML 副标题。我们已经了解到，我们可以使用 HTML 元素和 CSS 属性来创建副标题。