HTML表格

一、基础表格

 表格
 行
截屏2020-07-03下午2.26.22.png

基础语法与结构


截屏2020-07-03下午2.28.07.png

2014年 2015年 1016年
6000 7000 9000
截屏2020-07-03下午2.34.22.png

表格操作

带表头单元格


截屏2020-07-03下午2.28.07.png

带标题的表格


截屏2020-07-06上午10.07.55.png

带结构的表格
截屏2020-07-06上午10.13.45.png

截屏2020-07-06上午10.14.37.png

表格属性


截屏2020-07-06上午10.21.51.png

width 设置整个表格的宽度
border 设置表格外边框的宽度
Bgcolor 表格背景色
cellpadding 单元格与内容之间的宽度
cellspacing 单元格之间的空白
frame 外边框显示方式
rules 内边框显示方式


截屏2020-07-06上午10.30.32.png

截屏2020-07-06上午10.32.56.png
这是个表格标题
城市 2014年 2014年 2015年 2016年
城市 上半年 下半年 2015年 2016年
北京 6000 6000 7000 9000
上海 6000 60000 7000 9000
合计 6000 7000 7000 9000

标签属性


截屏2020-07-06上午10.46.40.png

截屏2020-07-06上午10.50.05.png

截屏2020-07-06上午10.52.21.png

截屏2020-07-06上午10.54.36.png

截屏2020-07-06上午11.01.38.png

截屏2020-07-06上午11.09.03.png

        
这是个表格标题
城市 2014年 2015年 2016年
上半年 下半年
北京 6000 6000 7000 9000
上海 6000 60000 7000 9000
合计 6000 7000 7000 9000
截屏2020-07-06上午11.16.12.png

表格的嵌套


截屏2020-07-06上午11.15.03.png

总结:
1,尽量少的使用表格的嵌套
2,尽量少的使用表格的跨行跨列
(维护成本较高)

你可能感兴趣的:(HTML表格)