如何在 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>

示例

以下是使用单个标题标签的示例程序。

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

示例

以下是使用不同标题标签的示例程序。

Open Compiler
<!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>

示例

以下是调整标题标签大小的示例程序。

Open Compiler
<!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+ 次查看

开启您的 职业生涯

通过完成课程获得认证

开始学习
广告