目录导航

在HTML文档中编写某些内容之前,可以使用标题为主题提供子主题。
标题基本上是文档的主要短语。HTML中有6个级别的标题。 第一个级别标题由<h1>定义,最后一个级别标题由<h6>定义。

HTML标题示例

h1表示是最大的标题标签,h6是最小的标题标签。 因此,h1用于最重要的标题,h6用于不那么重要的标题。HTML中的标题可帮助搜索引擎理解和索引网页的结构。

HTML标题示例-1

下面是HTML标题的示例代码:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>    
</head>
<body>
    <h2>HTML标题示例</h2>    
    <hr/>
    <h1>HTML H1标题</h1>  
    <h2>HTML H2标题</h2>  
    <h3>HTML H3标题</h3>  
    <h4>HTML H4标题</h4>  
    <h5>HTML H5标题</h5>  
    <h6>HTML H6标题</h6>  
</body>
</html>

在浏览器中打开输出显示如下:

HTML标题示例

注:标题元素(h1 …. h6)仅应用于标题,它们不应用于使文本变粗或变大。

HTML标题示例-2

HTML标题也可以与嵌套元素一起使用。以下是显示标题元素使用方式的不同代码。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>    
</head>
<body>
    <h2>HTML标题示例</h2>    
    <hr/>
    <h1>这是页面的主标题。</h1>  
      <p>h1是最重要的标题,用于显示页面的关键字 </p>  
     <h2>这是第一个子标题</h2>  
      <p>h2描述了页面的第一个子标题。 </p>  
     <h3>这是第二小标题</h3>  
      <p>h3描述了页面的第二个子标题。</p>  

</body>
</html>

在浏览器中打开输出显示如下: