2.7 标题标签、换行标签及不换行标签_HTML5+CSS3+JavaScript 从入门到项目实践（超值版）-QQ阅读女频青春网

书名：HTML5+CSS3+JavaScript 从入门到项目实践（超值版）
作者名：聚慕课教育研发中心
本章字数：347字
更新时间：2025-02-18 09:35:07

2.7 标题标签、换行标签及不换行标签

在HTML 5中，文本结构除了有行和段出现以外，还可以作为标题存在，下面就来介绍一下标题标签。

2.7.1 标题标签

HTML中标题由<h1>～<h6>标签来定义。其中<h1>代表1级标题，级别最高，文字最大，其他标题标签依次递减，<h6>标签级别最低。

【例2-6】（实例文件：ch02\Chap2.6.html）标题标签。

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>标题标签</title>
      </head>
      <body>
      <h1>想法是成功的种子</h1>
      <h2>想法是成功的种子</h2>
      <h3>想法是成功的种子</h3>
      <h4>想法是成功的种子</h4>
      <h5>想法是成功的种子</h5>
      <h6>想法是成功的种子</h6>
      </body>
      </html>

相关的代码实例请参考Chap2.6.html文件，在IE浏览器中运行的结果如图2-10所示。

图2-10 标题标签

2.7.2 标题字对齐属性align

标题字的对齐属性align，它包括的属性如表2-2所示。

表2-2 align的属性值

【例2-7】（实例文件：ch02\Chap2.7.html）标题文字对齐。

      <!DOCTYPE html>
      <html>
      <head>
         <meta charset="UTF-8">
         <title>标题字对齐属性</title>
      </head>
      <body>
      <h1 align="center">想法是成功的种子</h1>    <!--居中对齐内容-->
      <h1 align="left">想法是成功的种子</h1>      <!--左对齐内容-->
      <h1 align="right">想法是成功的种子</h1>     <!--右对齐内容 -->
      </body>
      </html>

相关的代码实例请参考Chap2.7.html文件，在IE浏览器中运行的结果如图2-11所示。

图2-11 标题字对齐属性