HTML+CSS+JavaScript网页制作:从入门到精通(第4版)
上QQ阅读APP看书,第一时间看更新

2.5 HTML标题<h1>~<h6>

HTML文档中包含有各种级别的标题,由 <h1>~<h6>标签来定义。<h1>~<h6>标签中的字母 h 是英文 headline 的简称。作为标题,它们的重要性是有区别的,其中<h1> 标题的重要性最高,<h6> 的最低。

语法:

<h1>1级标题 </h1>
<h2>2级标题 </h2> 
<h3>3级标题 </h3> 
<h4>4级标题 </h4>
<h5>5级标题 </h5> 
<h6>6级标题 </h6>

说明:

在该语法中,有 6 个级别的标题,<h1> 是1级标题,使用最大的字号表示,<h6> 是 6 级标题,使用最小的字号表示。

【例2-3】

在网页中依次使用<h1>~<h6>标题标签,在浏览器中的显示效果如图2-5所示。

<!DOCTYPE html>
<html lang="zh">
    <head>
       <meta charset="UTF-8">
       <title>标题</title>
    </head>
    <body>
       <h1>1级标题 </h1>
       <h2>2级标题 </h2>
       <h3>3级标题 </h3>
       <h4>4级标题 </h4>
       <h5>5级标题 </h5>
       <h6>6级标题 </h6>
    </body>
</html>

图2-5 不同层级的标题