登录名:  密码:  验证码: 1386
设为首页 收藏本站 联系站长
2008年8月28日
农历戊子年(鼠)
七月廿八
 首页 | 最新上传 | 新闻 | 购物商场 | 招聘求职 | HTML学习 | java学习 | IT新闻 | 黑客技术 | 域名和空间 | 流量统计 | 故事小说
 GIF动画制作 | 图片素材 | 源码下载 | 书籍下载 | 视频资料 | ASP | 数据库 | PHP | 基本电脑知识 | 迅雷资源 | 兼职 | 组网工程
 英语学习 | FLASH专区 | ASP.NET | VB | 综合资源网 | 驱动下载 | 游戏下载 | 网站模板网页美工 | 韩文学习 | 论坛
 特别推荐:漂亮网站网址  图片素材
  我要查找:  
欢迎您来这里。每天学一点,每天进步一点!
Google
 当前位置:首页 >> HTML学习  >> HTML学习
表格进阶(TABLE ADVANCED)
来源:  发表日期:2008年5月5日 作者: 

 编辑:admin 级别: 司令 浏览次数:78
】    
表格的色彩

表元的背景色彩和背景图象
<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>
Food Drink Sweet
A B

表格边框的色彩
<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>
Food Drink Sweet
A B C

表格边框色彩的亮度控制
<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>
Food Drink Sweet
A B C

+ 表格的分组显示(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>

Food Drink Sweet
A B C
D E F

按列分组
<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>

Food Drink Sweet
A B C
D E F

列的属性控制
<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>

Food Drink Sweet
A B C
D E F

+ 表格中边框的显示

显示所有 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>

Food Drink Sweet
A B C
D E F

只显示上边框 <table frame=above>

Food Drink Sweet
A B C
D E F

只显示下边框 <table frame=below>

Food Drink Sweet
A B C
D E F

只显示上、下边框 <table frame=hsides>

Food Drink Sweet
A B C
D E F

只显示左、右边框 <table frame=vsides>

Food Drink Sweet
A B C
D E F

只显示左边框 <table frame=lhs>

Food Drink Sweet
A B C
D E F

只显示右边框 <table frame=rhs>

Food Drink Sweet
A B C
D E F

不显示任何边框 <table frame=void>

Food Drink Sweet
A B C
D E F

+ 表格中分隔线(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>

Food Drink Sweet
A B C
D E F
Total $-00.0

只显示组(Groups)与组之间的分隔线 <table rules=groups>

Food Drink Sweet
A B C
D E F
Total $-00.0

只显示行与行之间的分隔线 <table rules=rows>

Food Drink Sweet
A B C
D E F
Total $-00.0

只显示列与列之间的分隔线 <table rules=cols>

Food Drink Sweet
A B C
D E F
Total $-00.0

不显示任何分隔线 <table rules=none>

Food Drink Sweet
A B C
D E F
Total $-00.0
(编辑:网站学习网)
Google
 ·上一篇文章: 表格的基本语法
 ·下一篇文章: 多窗口页面(Frames)
 该篇文章的评论
 暂无相关评论
 姓名:  邮箱:
 内容:
                
 相关文章
 · 怎样控制文本输入框中字
 · html基础入门教程下载
 · HTML2.0 字符实体名
 · 基础知识_清华大学版
 · 表格进阶(TABLE AD
 · CSS语法
 · 谁能说明style.display=
 · HTML3.2 字符实体名
 · AJAX征路1 最简单的
 · Web标准入门指导,学习W
 · CSS自动实现网页打印版本
 最新上传文章
 · 15 NBTSTAT命令及用
 · 搜索登记接入口常用网址
 · 设置Session过期时间的问
 · 企业邮局不断壮大 
 · 电话呼叫转移的设置方法
 · 天气预报代码
 · 新浪QQ等站天气预报代码
 · 网店办照试行 无本
 · QQ,MSN,SKYPE等在线状态
 · 新浪QQ等站天气预报代码
 · 怎样根据CPU选购合适的主

服务说明 | 关于网站 | 联系我们 | 友情链接
网站学习网欢迎您!
http://www.studywebgood.com
浙ICP备07030755号 
联系邮箱:shuizhilang@126.com 如本网站侵犯了您的版权,请马上通知我.