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

 时间:2024-10-06 10:36:53

在HTML5中,新增元素hgroup可以为标题或者子标题进行分组,可以配合h1-h瀵鸦铙邮6元素使用。下面利用实例说明:

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

工具/原料

CSS3

HTML5

HBuilderX

截图工具

浏览器

方法/步骤

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

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

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

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

3、第三,在<body></body>标签中,插入一个header和h壹执慵驾group元素

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

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

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

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

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

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

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

jquery实现鼠标移到文字上时改变文字内容 HTML的列表样式 如何在html中创建一个进度条 a标签的下划线怎么去掉 css如何通过实现让文字在框内水平垂直都居中?
热门搜索
小鲨鱼图片 学习图片大全 清明节图片 公交车图片大全 汽车标志图片大全及名称