H5(html)：table表格 合并单元格 行列合并

对于table标签，在传统html页面或者H5页面都是一样的表示形式与设置体例。本文为您介绍table表格的利用，与若何归并行单位格与列单位格。

本文利用VSCode东西快速构建H5界面DOM布局，不利用这个东西也是一样的

方式/步调

1. 1

   新增H5页面

        1）打开VSCode编纂器，新建一个文件，保留为“H5Table.html”

        2）在快速建立H5DOM布局：文件中输入一个感慨号，再按下tab键即可

   3前端页面开辟东西的下载与安装

   
2. 2

   table表格

        1）table表格标签内含thead、tbody两个年夜类标签，这两个标签省略也是一样的结果，建议仍是加上

        2）thead标签暗示表头，用tr暗示行，th暗示列

        3）tbody标签暗示表体，用tr暗示行，td暗示列

        4）构建一个简单的table布局如图所示

   
3. 3

   table表格，运行结果

        在浏览器中打开“H5Table.html”即可运行页面

   
4. 4

   归并行单位格

        1）在th或者td中设置rowspan属性，用于归并两行的统一列单位格

        2）归并行单位格dom布局如图所示

   
5. 5

   归并行单位格，运行结果

        在浏览器中打开“H5Table.html”即可运行页面

   
6. 6

   归并列单位格

        1）在th或者td中设置colspan属性，用于归并统一行的多个列单位格

        2）归并列单位格dom布局如图所示

   
7. 7

   归并列单位格，运行结果

        在浏览器中打开“H5Table.html”即可运行页面