阅读目录
- 表格的定义
- 表格的标签
- 显示部分边框(frame & rules)
- 练习1
- 练习2
表格的定义
其中: 为了让表格更美观,我们会用到: 在HTML定义表格的时候,会使用以下标签: 单元格边框 (border) 表格边框:在使用 合并单元格 1 合并行单元格:colspan 是水平方向单元格的合并 2 合并列单元格:rowspan 是上下方向单元格的合并 单元格的对齐 1.水平对齐(align)(居中,左对齐,右对齐) 在对应的标签上增加 align 键值对,生效方式为"就近原则" 2、垂直对齐(valign)(居中,上对齐,下对齐) 背景色&图片(bgcolor & background) 添加背景色使用:bgcolor 单元格的边距(cellpadding) 在 可以在 可以在 微信扫码登录 标签定义 HTML 表格。简单的 HTML 表格由 table 元素以及一个或多个
、 或 元素组成表格结构;
元素定义表格行, 元素定义表头, 元素定义表格单元。
border,colspan,rowspan,align,valign,bgcolor 等来美化表格。表格的标签
表格标签 用处
定义表格,生成的表格在一对 中;
定义表格标题,当表格需要标题时,使用表格标题 定义表格的页眉 定义表格的主体 定义表格的页脚 定义表格的表头,一般是表头中的内容会被加黑;(用于表格标题) 定义表格的行 (注意:tr可以设置高度 不能设置宽度) 定义表格单元格 (注意:td可以设置宽度 不能设置高度) 定义用于表格列的属性 定义表格列的组 的方式来定义,其中:数字表示边框的宽度,单位为像素。
align 值 left center right 效果 左对齐 居中 右对齐
添加背景图片使用:background 标签使用 cellpadding 即可,方法与上面的图片一样,直接举例如下:
单元格间的距离(cellspacing)
显示部分边框(frame & rules)
标签内,增加 frame 键值对,控制表格外边框;键值对对应关系如下:frame 键值 效果 void 不显示外侧边框 above 显示上部的外侧边框 below 显示下部的外侧边框 hsides 显示上部和下部的外侧边框 vsides 显示左边和右边的外侧边框 lhs 显示左边的外侧边框 rhs 显示右边的外侧边框 box 在所有四个边上显示外侧边框 border 在所有四个边上显示外侧边框 标签内,增加 rules 键值对,控制表格外边框;键值对对应关系如下:frame 键值 效果 none 没有线条 groups 位于行组和列组之间的线条 rows 位于行之间的线条 cols 位于列之间的线条 all 位于行和列之间的线条 练习1
DOCTYPE html>
Document
武隆区中小微企业贷款贴息项目申请表
统一社会信用代码
企业所在地
法人代表
联系方式
上年度营业收入(万元)
上年度实交税金(万元)
企业缴纳社保人数(人)
贷款所用项目名称
申请贴息金额(万元)
贷款银行名称
贷款金额
已支付利息
银行开户许可证信息
账户名称
开户行
账号
是否列入国家信用系统严重失信企业名单和重大税法违法案件信息公布名单
练习2
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
