Table

1.作业内容
Table_第1张图片
表格.png
2.定义相关用法
  标签定义 HTML 表格。
 简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
 tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
3.练习

a.先实现出5行4列的表格

    
购物车
名称 2016-11-22 小计
重量 单价
苹果 3公斤 5元/公斤 15元
香蕉 2公斤 6元/公斤 12元
总价 27元

运行结果

Table_第2张图片

b.合并单元格且内容居中

  rowspan = "value" 属性规定单元格可横跨的行数。
  colspan = "value" 属性规定单元格可横跨的列数。
  value = 1、2、3..... 表示横跨的行数或列数
  align = "center"  使得内容居中

c. 改进

 
购物车
名称 2016-11-22 小计
重量 单价
苹果 3公斤 5元/公斤 15元
香蕉 2公斤 6元/公斤 12元
总价 27元

运行结果

Table_第3张图片

补充:替换表格中的文字将以粗体显示,常用表头。

你可能感兴趣的:(Table)