《任务201-2 HTML》

任务地址

https://bbs.excellence-girls.org/topic/210/html

开始任务

我们都知道html有一个table标签，用来创建表格，简单的html表格由table元素以及一个或多个tr、th 或者 td 元素组成，其中tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元，比如下面这个简单表格

它的代码如下：

  

    
Month
    
Savings
  
  

    
January
    
$100
  

对于一些复杂的表格可以通过合并行或者列来实现，table合并列的属性colspan，合并行的属性rowspan，基本语法是
让我们来看一个例子

横跨两列的单元格

横跨两列的单元格：


  
姓名
  
电话


  
Bill Gates
  
555 77 854
  
555 77 855

横跨两行的单元格

横跨两行的单元格：


  
姓名
  
Bill Gates


  
电话
  
555 77 854


  
555 77 855

通过使用上面两种方式的结合就可以构造出复杂的单元格的合并了

购物车

实现代码

购物车


  
名称
  
2016-11-22
  
小计


  
重量
  
单价


  
苹果
  
3公斤
  
5元/公斤
  
15元


  
香蕉
  
2公斤
  
6元/公斤
  
12元


  
总价
  
27元