HTML5+CSS3+JavaScript 从入门到项目实践(超值版)
上QQ阅读APP看书,第一时间看更新

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 标题字对齐属性