收藏! 表格(table) 高级的使用方法 (html)
来源:互联网 发布:python里的cog什么意思 编辑:程序博客网 时间:2024/04/30 15:34
表格进阶(TABLE ADVANCED)
表格的色彩
表元的背景色彩和背景图象
<th bgcolor=#>
<th background="URL">
- #=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
<table border><tr><th bgcolor=ffaa00>Food</th> <th bgcolor=Red>Drink</th> <th rowspan=2 background="image.gif">Sweet</th><tr bgcolor=white><td>A</td><td>B</td></table>
表格边框的色彩
<table bordercolor=#>
<table cellspacing=5 border=5 bodercolor=#ffaa00><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td> </table>
表格边框色彩的亮度控制
<table bordercolorlight=#>
<table bordercolordark=#>
<table cellspacing=5 border=5 bordercolorlight=White bordercolordark=Maroon><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td> </table>
表格的分组显示(Structured Table)
按行分组
<thead> ... </thead> - 表的题头(Header)
<tbody> ... </tbody> - 表的正文(Body)
<tfoot> ... </tfoot> - 表的脚注(Footer)
<table border><thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th></thead><tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td></tbody></table>
按列分组
<colgroup align=#> #=left, right, center
<table border width=160><colgroup align=left><colgroup align=center><colgroup align=right> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody></table>
列的属性控制
<col span=#> #=从左数起,具有指定属性的列的列数
<col align=#> #=left, right, center
<table border width=160><colgroup> <col align=center span=2><colgroup align=right> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody></table>
表格中边框的显示
显示所有 4 个边框 <table frame=box>
<table border frame=box><thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th></thead><tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td></tbody></table>
只显示上边框 <table frame=above>
只显示下边框 <table frame=below>
只显示上、下边框 <table frame=hsides>
只显示左、右边框 <table frame=vsides>
只显示左边框 <table frame=lhs>
只显示右边框 <table frame=rhs>
不显示任何边框 <table frame=void>
表格中分隔线(Rules)的显示
显示所有分隔线 <table rules=all>
<table border rules=all><colgroup><col align=center span=2><colgroup align=right> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody> <tbody> <tr><td rowspan=3 align=right>Total $-00.0</td> </tbody></table>
只显示组(Groups)与组之间的分隔线 <table rules=groups>
只显示行与行之间的分隔线 <table rules=rows>
只显示列与列之间的分隔线 <table rules=cols>
不显示任何分隔线 <table rules=none>
- 收藏! 表格(table) 高级的使用方法 (html)
- html web页面中table表格的使用方法和介绍
- html中table的使用方法
- css写表格 table的高级属性
- HTML表格标签的使用-<table>
- HTML 中表格table 的相关知识
- html的笔记(table表格)
- 关于html中的表格table的用法
- HTML中table表格的常用使用
- HTML页面自适应宽度的table(表格)
- html table表格导出excel的方法
- html生成表格table
- html 表格table
- html table表格标签
- html 不规则table表格
- html --table表格
- HTML 表格table
- html中表格的高级部分学习
- Sql Server数据库触发器实例讲解
- 产品研发中的敏捷:不足与方向
- 成功编译Linux设备驱动中的HelloWorld!
- 开始学习python
- 垄断与捆绑在中国互联网
- 收藏! 表格(table) 高级的使用方法 (html)
- 光棍电影大集合
- 如何创建SQL Server 2000故障转移群集
- 网页的栅格设计思考
- 取存储过程结果集
- SUN名字的由来
- FreeBSD使用CVSup升级Ports,让它涣然一新
- C和C++的时间编程
- 一个国家商人地位不能太强