一个表格,包含多个行,行内又包含多个列,如下,通过
Month | Savings | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Sum | $180 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
定义表格中的列,可以设置border(边框),width(宽度)属性
效果如下: 姓名语文分数数学分数总分 小明10080180 小红8090170 td-colspan属性/rowspan属性 在excel中有合并单元格,HTML表格中,同样可以实现 colspan:合并列,指定要合并的列数,如下所示,设置colspan="3",合并3列。
展示效果如下: 姓名语文分数数学分数总分 小明10080180 小红8090170 备注 rowspan:合并行,如下所示
展示效果如下: 成绩纪录科目1月2月3月 语文908070 数学8090100 英语8090100 表格表头th 通过th定义表格的表头,大多数浏览器会把表头显示为粗体居中的文本,如下:
展示效果如下: 科目1月2月3月 语文908070 数学8090100 英语8090100 表格thead/tbody/tfootthead:定义表格页眉 tbody:定义表格主体 tfoot:定义表格页脚 通过这种方式定义,表格结构更加清晰直观,同时也方便通过css设置相应的样式。 thead {color:green} tbody {color:blue;height:50px} tfoot {color:red} | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
January | $100 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
February | $80 |