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

示例

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

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

示例

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

<!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属性和heading标签内的font-size属性来更改标题的大小。

语法

以下是更改标题标签字体大小的语法。

<h1 style="font-size:40px;" >…</h1>

示例

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

<!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+ 次浏览

启动你的职业生涯

完成课程获得认证

开始学习
广告
© . All rights reserved.