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