如何使用HTML5中的hgroup元素实现标题分组

时间:2024-10-12 17:27:43

1、第一,双击打开HBuilderX工具,新建页面文件hgroup.html

如何使用HTML5中的hgroup元素实现标题分组

2、第二,在已新建的页面文件中,调整title标签的内容

如何使用HTML5中的hgroup元素实现标题分组

3、第三,在<body></body>标签中,插入一个header和hgroup元素

如何使用HTML5中的hgroup元素实现标题分组

4、第四,接着添加导航栏元素nav,并添加一个无序列表

如何使用HTML5中的hgroup元素实现标题分组

5、第五,在header元素同级,添加一个footer元素,并添加文字内容

如何使用HTML5中的hgroup元素实现标题分组

6、第六,保存代码并运行页面文件,可以查看到标题组实现的效果

如何使用HTML5中的hgroup元素实现标题分组
© 手抄报圈