HTML:表格实现

作业内容

说明以下表格是如何实现的:

0_1479544895949_upload-9102d3f5-89ae-49b7-943e-0deb84b6ef38

知识点:HTML 表格

表格标签

     定义表格
        定义表格的行
     定义表格的页眉
     定义表格的主体
     定义表格的页脚
定义用于表格列的属性
定义表格列的组

合并属性

colspan 列合并
rowspan 行合并

边框属性

border = 边框粗细

思路

如图实现思路:

  • 五行四列的一个含标题的表格
    有边框
    第一行的第一列和第四列与下一的对应列进行合并
    第一行的第二列与第二列进行列合并并且该列为表头
    最后一行的前三列进列合并并且该列为表头

实现




    
    Title
定义表格标题
定义表格的表头
定义表格单元
购物车
名称 2016-11-22 小计
重量 单价
苹果 3公斤 5元/公斤 15元
香蕉 2公斤 6元/公斤 12元
总价 27元

参考

w3school HTML 表格

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