![剑指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=1738869738-hwdKQmN2FOE753rGToJMeLB0LxQBvHb8-0-8118687ff1b02180e86e219c7591e5ef)
运行代码后,标题标签的页面效果如图2-14所示。
此外,我们也可以书写多个同级标题,在网页上通常用来将内容分作几个部分,每个部分一个主题。标题标签很好地构成了文件的大纲,示例代码如下。
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_25_3.jpg?sign=1738869738-58F4KLwZ8B9p6qP9m0PWGu9h2wkjeru2-0-41744c46baaa17b10d67a9f751a3486d)
运行代码后,多个同级标签的页面效果如图2-15所示。
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_25_4.jpg?sign=1738869738-DVPqVON4F3nFL5SZYYD0c9B0zRKiILUN-0-483c6391dfee5fabff12728a4d053946)
图2-14 标题标签的页面效果
![](https://epubservercos.yuewen.com/B84C2D/30120995704540106/epubprivate/OEBPS/Images/48021_25_5.jpg?sign=1738869738-GwMKnr9nksfbrMbQ9L4pLhqfEbWrfbYZ-0-bff8707cb91871dd940f53c350544af3)
图2-15 多个同级标签的页面效果