![剑指JavaWeb:技术详解与应用实践](https://wfqqreader-1252317822.image.myqcloud.com/cover/457/51089457/b_51089457.jpg)
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人
2.3.2 标题标签
HTML 中提供了 h1、h2、h3、h4、h5、h6 标签用来定义标题。所谓标题就是以几个固定字号显示的文字。其中,h1 的级别最高,h6 的级别最低,重要程度依次递减,而且标题标签是独占一行的。具体语法格式如下。
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_25_2.jpg?sign=1739236593-MRZxAWvnJy6ro8XtEIhnkSGzwtQVHmGC-0-e34b09b11956561ab2bb81a4840e9e43)
运行代码后,标题标签的页面效果如图2-14所示。
此外,我们也可以书写多个同级标题,在网页上通常用来将内容分作几个部分,每个部分一个主题。标题标签很好地构成了文件的大纲,示例代码如下。
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_25_3.jpg?sign=1739236593-gL7UXHGpW2JNONQAT2t7IVVXhDpWFLB0-0-21f257b755731f31d520b1730d432f58)
运行代码后,多个同级标签的页面效果如图2-15所示。
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_25_4.jpg?sign=1739236593-SawP0840qap7ESgi5xkQsdKDa7NwSZEc-0-ac0f07cdc8bfdfe6ce9d7ba0d44ec27a)
图2-14 标题标签的页面效果
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_25_5.jpg?sign=1739236593-fO7kh3uGVe4sqftWZ2CgOnW9jow1GCWX-0-0dd32bd314f68ad2de3066be484b5ceb)
图2-15 多个同级标签的页面效果