阅读目录
表格的定义
- 表格的定义
- 表格的标签
- 显示部分边框（frame & rules）
- 练习1
- 练习2
标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个 、 或 元素组成表格结构；
其中： 元素定义表格行， 元素定义表头， 元素定义表格单元。
为了让表格更美观，我们会用到：border，colspan，rowspan，align，valign，bgcolor 等来美化表格。
在HTML定义表格的时候，会使用以下标签：
表格标签 用处定义表格，生成的表格在一对中； 定义表格标题，当表格需要标题时，使用表格标题 定义表格的页眉 定义表格的主体 定义表格的页脚 定义表格的表头，一般是表头中的内容会被加黑；(用于表格标题) 定义表格的行 （注意：tr可以设置高度 不能设置宽度） 定义表格单元格 （注意：td可以设置宽度 不能设置高度） 定义用于表格列的属性 定义表格列的组
单元格边框 (border)
表格边框：在使用 的方式来定义，其中：数字表示边框的宽度，单位为像素。
合并单元格
1 合并行单元格：colspan 是水平方向单元格的合并
2 合并列单元格：rowspan 是上下方向单元格的合并
单元格的对齐
1.水平对齐（align）（居中，左对齐，右对齐）
在对应的标签上增加 align 键值对，生效方式为"就近原则"
align 值leftcenterright效果左对齐居中右对齐2、垂直对齐（valign）（居中，上对齐，下对齐）
背景色&图片（bgcolor & background）
添加背景色使用：bgcolor 添加背景图片使用：background
单元格的边距（cellpadding）
在 标签使用 cellpadding 即可，方法与上面的图片一样，直接举例如下：
单元格间的距离(cellspacing)
可以在 标签内，增加 frame 键值对，控制表格外边框；键值对对应关系如下：
可以在 标签内，增加 rules 键值对，控制表格外边框；键值对对应关系如下：
DOCTYPE html>
Document
武隆区中小微企业贷款贴息项目申请表
统一社会信用代码
企业所在地
法人代表
联系方式
上年度营业收入（万元）
上年度实交税金（万元）
企业缴纳社保人数（人）
贷款所用项目名称
申请贴息金额（万元）
贷款银行名称
贷款金额
已支付利息
银行开户许可证信息
账户名称
开户行
账号
是否列入国家信用系统严重失信企业名单和重大税法违法案件信息公布名单
DOCTYPE html>
名单
姓名
入职企业
入职时间
技术方向
试用期
转正
王月
东方文化出版社
2013-03-06
UI设计师
4200
5800
刘文玉
北京慧聪邓白氏研究公司
2013-02-03
BENET网络工程师
6000
8000
吕方
北大青鸟研究院
2013-05-15
网络营销师
4500
5600
杨亚
上海白林广告公司
2013-06-17
Java工程师
3500
4500
白杨
东方文化出版社
2013-03-03
网页制作师
3000
4000
杨文
惠星文化传媒公司
2013-06-03
营销经理
6800
8800
张智
北京动力研究院
2013-02-08
力学研究专员
12000
18000
成方
北大青鸟研究院
2013-02-03
软件工程师
6000
8000
陈苹
北京动力研究院
2013-02-09
办公室主任
12000
18000
