H5(html)：table表格 合并单元格 行列合并
对于table标签，在传统html页面或者H5页面都是一样的表示形式与设置体例。本文为您介绍table表格的利用，与若何归并行单位格与列单位格。
本文利用VSCode东西快速构建H5界面DOM布局，不利用这个东西也是一样的
方式/步调
- 1
新增H5页面
1）打开VSCode编纂器，新建一个文件，保留为“H5Table.html”
2）在快速建立H5DOM布局：文件中输入一个感慨号，再按下tab键即可
3前端页面开辟东西的下载与安装
- 2
table表格
1）table表格标签内含thead、tbody两个年夜类标签，这两个标签省略也是一样的结果，建议仍是加上
2）thead标签暗示表头，用tr暗示行，th暗示列
3）tbody标签暗示表体，用tr暗示行，td暗示列
4）构建一个简单的table布局如图所示
- 3
table表格，运行结果
在浏览器中打开“H5Table.html”即可运行页面
- 4
归并行单位格
1）在th或者td中设置rowspan属性，用于归并两行的统一列单位格
2）归并行单位格dom布局如图所示
- 5
归并行单位格，运行结果
在浏览器中打开“H5Table.html”即可运行页面
- 6
归并列单位格
1）在th或者td中设置colspan属性，用于归并统一行的多个列单位格
2）归并列单位格dom布局如图所示
- 7
归并列单位格，运行结果
在浏览器中打开“H5Table.html”即可运行页面
- 发表于 2018-11-22 00:00
- 阅读 ( 1989 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章