html教程(七) 表格进阶

原创 2004年09月14日 10:03:00
表格的色彩

表元的背景色彩和背景图象
<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  

(未完,请继续下一篇)


html教程(六) 表格标记

◇ 表格的基本语法... - 定义表格 - 定义表行 - 定义表头 - 定义表元(表格的具体数据)带边框的表格: FoodDrinkSweetABC FoodDrinkSweetABC不带边...
  • rmzhang33
  • rmzhang33
  • 2004年09月14日 10:02
  • 486

HTML教程(5)-表格

表格的基本结构    ...  定义表格 ... 定义标题   定义表行   定义表头   定义表元(表格的具体数据)表格的标题 表格标题的位置,可由ALIGN属性来设置,其位置分别由表格上方和表格下...
  • BlessK
  • BlessK
  • 2004年10月30日 00:02
  • 1450

HTML--表格进阶(TABLE ADVANCED)

表格进阶(TABLE ADVANCED) 表格的色彩表元的背景色彩和背景图象 #=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称: Black, Olive, Teal,...
  • chunkyo
  • chunkyo
  • 2006年04月21日 12:08
  • 748

Eclipse 下的HTML 新手安装使用教程

1.首先我们安装一些软件如下:   (1)一个编译器eclipse软件(各个网站上都可以进行下载)   (2)JDK(JDK安装后产生JAVA下的jdk文件,如图所示)        (3)apach...
  • Kuangqiu
  • Kuangqiu
  • 2016年12月06日 09:19
  • 711

html教程

http://bbs.zb7.com/forum.php?mod=forumdisplay&fid=53&filter=typeid&typeid=64
  • leeandmins
  • leeandmins
  • 2015年07月17日 18:41
  • 238

表格进阶

  表格进阶(TABLE ADVANCED) 表格的色彩表元的背景色彩和背景图象 #=rrggbb 16 进制 RGB 数码, 或者是下列预定义色彩名称:Black, Olive, Teal, R...
  • ccaakkee
  • ccaakkee
  • 2009年06月26日 09:00
  • 304

HTML教程

HTML HTML:(Hype Text Markup Language)超文本标记语言,是最基本的网页语言。代码由标签组成,不区分大小写。 由开始,结束,分头部分(head)和体部分(body)...
  • me10zyl
  • me10zyl
  • 2014年05月23日 23:41
  • 994

html5视频教程百度网盘下载

HTML5入门视频教程 /html5视频教程/HTML5入门视频教程 分享时间:2014-12-06 19:16分享用户:丶**峰哥文件大小:未知文件类型:文件夹 HTML5视频教程 /视...
  • yjsxxgm
  • yjsxxgm
  • 2016年10月02日 23:51
  • 4361

动漫人物之七大罪:ディアンヌ Diane 戴安娜 CV 悠木碧

ディアンヌ Diane 戴安娜 CV 悠木碧 嫉妒之罪(Serpent's Sin of Envy) CV:悠木碧 ◆身高:915cm(变小后165CM) ◆种族:巨人族(Giant)...
  • tomotayuki
  • tomotayuki
  • 2015年06月20日 19:31
  • 4198

七参数计算工具教程

七参数计算工具教程 方法1:在ArcMap中进行动态转换(On the fly)     假设原投影坐标系统为Xian80坐标系统,本例选择为系统预设的Projected Coordinate S...
  • nongkad51768
  • nongkad51768
  • 2017年09月22日 14:23
  • 470
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html教程(七) 表格进阶
举报原因:
原因补充:

(最多只允许输入30个字)