pg电子用什么好玩

書名： HTML5+CSS3+JavaScript 從入門到項目實踐（超值版）
作者名：聚慕課教育研發中心
本章字數： 347字
更新時間： 2020-06-29 17:37:18

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 標題字對齊屬性

官术网_书友最值得收藏!

HTML5+CSS3+JavaScript 從入門到項目實踐（超值版）

2.7 標題標簽、換行標簽及不換行標簽

2.7.1 標題標簽

2.7.2 標題字對齊屬性align