注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

吨袋包装机吨袋包装机董工

吨袋包装机,吨袋包装机董工,www.qzdbzc.net,邦尧吨袋包装机董工,

 
 
 

日志

 
 
关于我

吨袋包装机定制,吨袋包装机董工,邦尧吨袋包装机董工,吨袋包装机报价,吨袋包装机生产厂家,吨袋包装机视频。无锡邦尧吨袋包装机董工,

网易考拉推荐

【高级表格的制作】  

2012-04-03 06:46:30|  分类: bzjy |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

本文引用自金钥匙《【制作高级表格】》

 

 

 

 

 

【高级表格的制作】

 
 
 
表格式样:
代 码 复 制 如 下:

<TABLE borderColor=green width="90%" bgColor=#fff000 border=5>
<TBODY>
<TR>
<TH bgColor=blue rowSpan=9>单元格1</TH>
<TD bgColor=red colSpan=5>“滚动图”</TD>
<TD bgColor=blue rowSpan=9>单元格3</TD></TR>
<TR>
<TD>单元格4</TD>
<TD>单元格5</TD>
<TD>单元格6</TD>
<TD>单元格7</TD>
<TD>单元格8</TD></TR>
<TR>
<TD>单元格9</TD>
<TD bgColor=blue rowSpan=2>单元格10</TD>
<TD>单元格11</TD>
<TD bgColor=blue rowSpan=2>单元格12</TD>
<TD>单元格13</TD></TR>
<TR>
<TD>单元格14</TD>
<TD>单元格15</TD>
<TD>单元格16</TD></TR>
<TR>
<TD bgColor=red colSpan=5>“旋转字”</TD></TR>
<TR>
<TD>单元格18</TD>
<TD bgColor=blue rowSpan=2>单元格19</TD>
<TD>单元格20</TD>
<TD bgColor=blue rowSpan=2>单元格21</TD>
<TD>单元格22</TD></TR>
<TR>
<TD>单元格23</TD>
<TD>单元格24</TD>
<TD>单元格25</TD></TR>
<TR>
<TD>单元格26</TD>
<TD>单元格27</TD>
<TD>单元格28</TD>
<TD>单元格29</TD>
<TD bgColor=blue rowSpan=12>单元格30</TD></TR>
<TR>
<TD>单元格31</TD>
<TD>单元格32</TD>
<TD>单元格33</TD>
<TD>单元格34</TD></TR></TBODY></TABLE>


 显示: 

“滚动图” 单元格3
单元格4 单元格5 单元格6 单元格7 单元格8
单元格9 单元格10 单元格11 单元格12 单元格13
单元格14 单元格15 单元格16
“旋转字”
单元格18 单元格19 单元格20 单元格21 单元格22
单元格23 单元格24 单元格25
单元格26 单元格27 单元格28 单元格29 单元格30
单元格31 单元格32 单元格33 单元格34

 

代码说明如下:

 
【语法解析】

1.<TABLE></TABLE>分别作起始标识符 这是定义表格的元素,是表格的“身份证”。网页中有几张表格 那就有几对此元素。      

2.<TR></TR> 这是用来定义表格中“行”的元素。即:表格中 行的“身份证”。在表格中有几对此元素就表示当前表格中有几行。尾标签</tr>在后面仍有衔接的<tr>时可以省略

3.<TD></TD>是表示一行中单元格的元素。一行中有几对此元素,就有几个单元格。

4.<TD ROWSPAN=x>插入对象</TD>表示在纵向上合并x行;

5.<TD COLSPAN=x>插入对象</TD>表示在水平方向上合并x列

6.bgcolor=red  表格的背景颜色;borderColor=green 表格的边框颜色

7.<TH>表头</TH> 定义表头 表头内容置于<TH>和</TH>之间,显示时呈粗体字形式

8.<CAPTION > </CAPTION> 建立表格的标题,通过ALIGN属性定义标题的位置,其属性有四:即top(在表格上方)、bottom(在表格下方)、left(在表格的左上方)、right(在表格的右上方)。

 

 
 
 
 

【分解制作要领】

1  表格某行各列单元格通跨

 

代 码 如 下:

<TABLE borderColor=green width="60%" bgColor=#fff000 border=2>
<TBODY>
<TR>
<TD bgColor=red colSpan=3>单元格1</TD></TR>
<TR>
<TD>单元格2</TD>
<TD>单元格3</TD>
<TD>单元格4</TD></TR></TBODY></TABLE>

显示:

单元格1
单元格2 单元格3 单元格4

 
 
 
 
 
2:只横跨其中两列单元格
代 码 如 下:

<TABLE borderColor=green width="60%" bgColor=#fff000 border=2>
<TBODY>
<TR>
<TD bgColor=red colSpan=2>单元格1</TD>
<TD>单元格2</TD></TR>
<TR>
<TD>单元格3</TD>
<TD>单元格4</TD>
<TD>单元格5</TD></TR></TBODY></TABLE>

显示: 

单元格1 单元格2
单元格3 单元格4 单元格5

 
 
 
 
 
3  纵向跨越三行单元格
代 码 如 下:

<TABLE borderColor=green width="60%" bgColor=#fff000 border=2>
<TBODY>
<TR>
<TD bgColor=red rowSpan=3>单元格1</TD>
<TD>单元格2</TD>
<TD>单元格3</TD></TR>
<TR>
<TD>单元格4</TD>
<TD>单元格5</TD></TR>
<TR>
<TD>单元格6</TD>
<TD>单元格7</TD></TR></TBODY></TABLE>

显示:

单元格1 单元格2 单元格3
单元格4 单元格5
单元格6 单元格7

 
 
 
 
4 纵向跨越两行单元格
代 码 如 下:

<TABLE borderColor=green width="60%" bgColor=#fff000 border=2>
<TBODY>
<TR>
<TD bgColor=red rowSpan=2>单元格1</TD>
<TD>单元格2</TD>
<TD>单元格3</TD></TR>
<TR>
<TD>单元格4</TD>
<TD>单元格5</TD></TR>
<TR>
<TD>单元格6</TD>
<TD>单元格7</TD>
<TD>单元格8</TD></TR></TBODY></TABLE>

显示:

单元格1 单元格2 单元格3
单元格4 单元格5
单元格6 单元格7 单元格8

 
 
 
 
 
5 横跨两列单元格、纵跨两行单元格
代 码 如 下:

<TABLE borderColor=green width="80%" bgColor=#fff000 border=2>
<TBODY>
<TR>
<TD>单元格1</TD>
<TD>单元格2</TD>
<TD bgColor=red colSpan=2>单元格3</TD></TR>
<TR>
<TD bgColor=blue rowSpan=2>单元格4</TD>
<TD>单元格5</TD>
<TD>单元格6</TD>
<TD>单元格7</TD></TR>
<TR>
<TD>单元格8</TD>
<TD>单元格9</TD>
<TD>单元格10</TD></TR></TBODY></TABLE>

显示:

单元格1 单元格2 单元格3
单元格4 单元格5 单元格6 单元格7
单元格8 单元格9 单元格10

 
 
 
 
↓ 请大家参考以下的资料  ↓
 
表格标签属性      边框表格解析      边框代码的详解     表格的基本制作  
 

边框代码解剖分析  

 

 

 

金钥匙 - 金钥匙∷博客

欢迎光临金钥匙的博客!
金钥匙的辛苦! 希望大家懂得什么叫尊重?
如果你需要的话, 可以不要册去我的原作!
如果大家是正常的引用, 金钥匙就很欢迎!
希望不要把别人的东西占为己有为目的.
更不能改窜自己的署名,满足自己虚容心.
这样偷盗的事情在我的博里已经很多次了,
相信在其它的博里也有雷同讨厌的事件.
这样不道德的行为一定要引起我们重视,
让我们抵御劈去那些偷盗小人的罪恶!
如果有人不按照钥匙提醒正常引用的,
钥匙会诅咒偷盗者, 让偷盗者一辈子不得安宁!
让偷盗者天天遭受厄运!
让偷盗者一辈子以药物相伴!
让偷盗者的下辈子做奴隶!
让偷盗者子子孙孙没有好下场!
再次声明:
转载请注明转自金钥匙博客!
更不能随便改窜金钥匙的原作!

金钥匙 - 金钥匙∷博客

2006年02月26日 - 爱情海 - 爱情海博客

金钥匙 - 金钥匙∷博客

金钥匙的博客!
金钥匙近期发现有个别网站博客及个人,
未正常引用转载本博客中的内容.
此行为严重侵犯了作者的著作权,
在社会上造成了不良影响。
因此,本人对于网络版权再次郑重声明如下:
⑴凡本博客注明“【原创】”的所有作品,
版权均属于金钥匙本人,
任何网站或个人使用时必须获得本人授权。
或者是正常的引用!
已经本人授权使用作品的, 应在授权范围内使用,
并注明来源及作者;
未经本人授权不得非法转载、摘编或利用其它方式使用上述作品。
凡未经授权,直接或者间接在互联网使用本博客文章的行为均将视为侵权行为,
本人将保留追究其法律责任的权利。
(2)如因作品内容、版权和其它问题需要同本人联系的,
再次声明:
转载请注明转自金钥匙博客! 更不能随便改窜金钥匙的原作!

金钥匙 - 金钥匙∷博客

客! !客

金钥匙欢迎您
金钥匙欢迎您

赏欣友朋谢谢家匙钥金 金钥匙家谢谢朋友欣赏

2006年02月26日 - 爱情海 - 爱情海博客 网品人品 设计事项 生活巧门 博易空间 相识是缘 博客感言
关于版权 关于钥匙 教养心德 开博心感 难买情恋 网络无情
金钥匙欢迎您
金钥匙欢迎您
学习平台 情感网络 钥匙建议 钥匙宣言 告知心语 服务专区
我的日志 我的相册 我的音乐 相望朋友 博客中心 做博心德

 

 

 

 
 
  评论这张
 
阅读(90)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017