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

天帅童子的博客

友好平台,相互交流,看中就拿!

 
 
 

日志

 
 

代码设置表格技巧  

2017-07-09 11:14:33|  分类: 表格制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自好运来《代码设置表格技巧》

代码设置表格技巧
表格式样一

一行中四列被合并成一列
文字 文字 文字 文字
一行中四列被合并成一列
文字 文字 文字 文字

代  码

<P align=center>
<TABLE style="WIDTH: 680px; HEIGHT: 155px" border=2 cellSpacing=2 borderColor=#ff00ff width=680 bgColor=#000000 align=center height=155>
<TBODY>
<TR>
<TD colSpan=4 align=middle><FONT color=#ffff00>一行中四列被合并成一列</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR>
<TR>
<TD colSpan=4 align=middle><FONT color=#ffff00>一行中四列被合并成一列</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR></TBODY></TABLE>

表格式样二

标  题
文字 文字 文字 文字 文字
文字 文字 文字 文字
文字 文字 文字 文字

代  码

<P align=center>
<TABLE style="WIDTH: 680px; HEIGHT: 183px" borderColor=#ff0000 height=183 cellSpacing=2 width=680 align=center bgColor=#000000 border=2>
<TBODY>
<TR>
<TD align=middle colSpan=5><FONT color=#00ffff>标  题</FONT></TD></TR>
<TR>
<TD align=middle rowSpan=4><FONT color=#00ffff>文字</FONT></TD>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD>
<TD align=middle><FONT color=#00ffff>文字</FONT></TD></TR></TBODY></TABLE></P>

表格式样三

标  题
文字 文字 文字 文字 文字
文字 文字 文字
文字 文字 文字
文字 文字 文字

代  码

<P align=center>
<TABLE style="WIDTH: 680px; HEIGHT: 200px" borderColor=#00ff00 height=200 cellSpacing=2 width=680 align=center bgColor=#000000 border=2>
<TBODY>
<TR>
<TD align=middle colSpan=5><FONT color=#ffff00>标  题</FONT></TD></TR>
<TR>
<TD align=middle rowSpan=4><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle rowSpan=4><FONT color=#ffff00>文字</FONT> </TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR></TBODY></TABLE></P>

表格式样四

标  题

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

文字

代  码

<P align=center>
<TABLE style="WIDTH: 680px; HEIGHT: 205px" border=2 cellSpacing=2 borderColor=#d0ff00 width=680 bgColor=#000000 align=center>
<TBODY>
<TR>
<TD colSpan=5>
<P align=center><FONT color=#00ffff>标  题</FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD>
<TD rowSpan=4>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD></TR>
<TR>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD>
<TD>
<P align=center><FONT color=#00ffff>文字</FONT></P></TD></TR></TBODY></TABLE></P>

表格式样五
标  题
文字 文字 文字 文字 文字
标题
文字 文字 文字

代  码

<DIV align=center>
<TABLE style="WIDTH: 680px; HEIGHT: 205px" borderColor=#00ffff height=205 cellSpacing=2 width=680 align=center bgColor=#000000 border=2>
<TBODY>
<TR>
<TD align=middle colSpan=5><FONT face=楷体_gb2312 color=#ffff00 size=5><STRONG>标  题</STRONG></FONT></TD></TR>
<TR>
<TD align=middle rowSpan=3><FONT face=楷体_gb2312 color=#ffff00 size=5><STRONG>文字</STRONG></FONT></TD>
<TD align=middle><FONT face=楷体_gb2312 color=#ffff00 size=5><STRONG>文字</STRONG></FONT></TD>
<TD align=middle><FONT face=楷体_gb2312 color=#ffff00 size=5><STRONG>文字</STRONG></FONT></TD>
<TD align=middle><FONT face=楷体_gb2312 color=#ffff00 size=5><STRONG>文字</STRONG></FONT></TD>
<TD align=middle rowSpan=3><FONT face=楷体_gb2312 color=#ffff00 size=5><STRONG>文字</STRONG></FONT></TD></TR>
<TR>
<TD align=middle colSpan=3><FONT face=楷体_gb2312 color=#ffff00 size=5><STRONG>标题</STRONG></FONT></TD></TR>
<TR>
<TD align=middle><FONT face=楷体_gb2312 color=#ffff00 size=5><STRONG>文字</STRONG></FONT></TD>
<TD align=middle><FONT face=楷体_gb2312 color=#ffff00 size=5><STRONG>文字</STRONG></FONT></TD>
<TD align=middle><FONT face=楷体_gb2312 color=#ffff00 size=5><STRONG>文字</STRONG></FONT></TD></TR></TBODY></TABLE></DIV>

表格式样六
标  题  一
文字 文字 文字 文字 文字
文字 文字 文字
文字 文字 文字
标  题  二

代  码

<CENTER>
<TABLE style="WIDTH: 680px; HEIGHT: 180px" borderColor=#ff5823 height=180 cellSpacing=3 width=680 align=center bgColor=#000000 border=2>
<TBODY>
<TR>
<TD align=middle colSpan=5><FONT color=#00ff00>标  题  一</FONT></TD></TR>
<TR>
<TD align=middle rowSpan=3><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle rowSpan=3><FONT color=#00ff00>文字</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD></TR>
<TR>
<TD align=middle colSpan=5><FONT color=#00ff00>标  题  二</FONT></TD></TR></TBODY></TABLE>
</CENTER>

表格式样七
标  题  一
文字 文字 文字 文字 文字
文字 文字
文字 文字
标  题  二

代  码

<CENTER>
<TABLE style="WIDTH: 680px; HEIGHT: 209px" borderColor=#ff5823 height=209 cellSpacing=3 width=680 align=center bgColor=#000000 border=2>
<TBODY>
<TR>
<TD align=middle colSpan=6><FONT color=#00ff00>标  题  一</FONT></TD></TR>
<TR>
<TD align=middle rowSpan=3><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle rowSpan=3><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle rowSpan=3><FONT color=#00ff00>文字</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD>
<TD align=middle><FONT color=#00ff00>文字</FONT></TD></TR>
<TR>
<TD align=middle colSpan=6><FONT color=#00ff00>标  题  二</FONT></TD></TR></TBODY></TABLE></CENTER>

表格式样八
标  题  一
文字 文字 文字 文字 文字
标  题  二
文字 文字 文字
标  题  三

代  码

<CENTER>
<TABLE style="WIDTH: 680px; HEIGHT: 200px" borderColor=#58ff23 height=200 cellSpacing=3 width=680 align=center bgColor=#000000 border=2>
<TBODY>
<TR>
<TD align=middle colSpan=5><FONT color=#ffff00>标  题  一</FONT></TD></TR>
<TR>
<TD align=middle rowSpan=3><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle rowSpan=3><FONT color=#ffff00>文字</FONT></TD></TR>
<TR>
<TD align=middle colSpan=3><FONT color=#ffff00>标  题  二</FONT></TD></TR>
<TR>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD>
<TD align=middle><FONT color=#ffff00>文字</FONT></TD></TR>
<TR>
<TD align=middle colSpan=5><FONT color=#ffff00>标  题  三</FONT></TD></TR></TBODY></TABLE></CENTER>

文字01 文字1 文字2 文字3 文字02
文字4 文字5 文字6
文字7 文字8 文字9
文字10 文字11 文字12

 

代码如下

<TABLE borderColor=#ffff00 height=150 cellSpacing=2 width=400 align=center bgColor=#000000 border=3>
<TBODY>
<TR>
<TD align=middle rowSpan=4>文字01</TD>
<TD align=middle>文字1</TD>
<TD align=middle>文字2</TD>
<TD align=middle>文字3</TD>
<TD align=middle rowSpan=4>文字02</TD>
<TR>
<TD align=middle>文字4</TD>
<TD align=middle>文字5</TD>
<TD align=middle>文字6</TD></TR>
<TR>
<TD align=middle>文字7</TD>
<TD align=middle>文字8</TD>
<TD align=middle>文字9</TD></TR>
<TR>
<TD align=middle>文字10</TD>
<TD align=middle>文字11</TD>
<TD align=middle>文字12</TD></TR></TR></TBODY></TABLE>

 
文字1 文字2 文字01 文字3 文字4
文字5 文字6 文字7 文字8
文字9 文字10 文字11 文字12
文字13 文字14 文字15 文字16
 

代码如下

<TABLE borderColor=#ff0000 height=150 cellSpacing=3 width=400 align=center bgColor=#000000 border=2>
<TBODY>
<TR>
<TD align=middle>文字1</TD>
<TD align=middle>文字2</TD>
<TD align=middle rowSpan=4>文字01</TD>
<TD align=middle>文字3</TD>
<TD align=middle>文字4</TD></TR>
<TR>
<TD align=middle>文字5</TD>
<TD align=middle>文字6</TD>
<TD align=middle>文字7</TD>
<TD align=middle>文字8</TD></TR>
<TR>
<TD align=middle>文字9</TD>
<TD align=middle>文字10</TD>
<TD align=middle>文字11</TD>
<TD align=middle>文字12</TD></TR>
<TR>
<TD align=middle>文字13</TD>
<TD align=middle>文字14</TD>
<TD align=middle>文字15</TD>
<TD align=middle>文字16</TD></TR></TBODY></TABLE>

 
文字01
文字1 文字2 文字3
文字02
文字4 文字5 文字6
文字03
文字7 文字8 文字9
 

代码如下

<TABLE borderColor=#ffff00 height=95 cellSpacing=3 width=400 align=center bgColor=#ff0000 border=3>
<TBODY>
<TR>
<TD align=middle colSpan=3>文字01</TD></TR>
<TR>
<TD align=middle>文字1</TD>
<TD align=middle>文字2</TD>
<TD align=middle>文字3</TD></TR>
<TR>
<TD align=middle colSpan=3>文字02</TD></TR>
<TR>
<TD align=middle>文字4</TD>
<TD align=middle>文字5</TD>
<TD align=middle>文字6</TD></TR>
<TR>
<TD align=middle colSpan=3>文字03</TD></TR>
<TR>
<TD align=middle>文字7</TD>
<TD align=middle>文字8</TD>
<TD align=middle>文字9</TD></TR></TBODY></TABLE>


 

 
文字1
文字2 文字5 文字3 文字6 文字4
文字7 文字8
文字9 文字10
文字11
 

代码如下

<TABLE borderColor=#ffff00 height=150 cellSpacing=3 width=400 align=center bgColor=#000000 border=3>
<TBODY>
<TR>
<TD align=middle colSpan=5>文字1</TD></TR>
<TR>
<TD align=middle rowSpan=3>文字2</TD>
<TD align=middle>文字5</TD>
<TD align=middle rowSpan=3>文字3</TD>
<TD align=middle>文字6</TD>
<TD align=middle rowSpan=3>文字4</TD></TR>
<TR>
<TD align=middle>文字7</TD>
<TD align=middle>文字8</TD></TR>
<TR>
<TD align=middle>文字9</TD>
<TD align=middle>文字10</TD></TR>
<TR>
<TD align=middle colSpan=5>文字11</TD></TR></TBODY></TABLE>

 
文字1
文字2 文字4 文字5 文字6 文字3
文字7 文字8 文字9
文字10 文字11 文字12
文字13
 

代码如下

<TABLE borderColor=#ffff00 height=150 cellSpacing=3 width=400 align=center bgColor=#000000 border=2>
<TBODY>
<TR>
<TD align=middle colSpan=5>文字1</TD></TR>
<TR>
<TD align=middle rowSpan=3>文字2</TD>
<TD align=middle>文字4</TD>
<TD align=middle>文字5</TD>
<TD align=middle>文字6</TD>
<TD align=middle rowSpan=3>文字3</TD></TR>
<TR>
<TD align=middle>文字7</TD>
<TD align=middle>文字8</TD>
<TD align=middle>文字9</TD></TR>
<TR>
<TD align=middle>文字10</TD>
<TD align=middle>文字11</TD>
<TD align=middle>文字12</TD></TR>
<TR>
<TD align=middle colSpan=5>文字13</TD></TR></TBODY></TABLE>

 
文字1
文字2 文字4 文字5 文字6 文字3
文字7 文字8 文字9
文字10 文字11 文字12
 

代码如下

<TABLE borderColor=#ffff00 height=150 cellSpacing=2 width=400 align=center bgColor=#000000 border=3>
<TBODY>
<TR>
<TD align=middle colSpan=5>文字1</TD></TR>
<TR>
<TD align=middle rowSpan=3>文字2</TD>
<TD align=middle>文字4</TD>
<TD align=middle>文字5</TD>
<TD align=middle>文字6</TD>
<TD align=middle rowSpan=3>文字3</TD></TR>
<TR>
<TD align=middle>文字7</TD>
<TD align=middle>文字8</TD>
<TD align=middle>文字9</TD></TR>
<TR>
<TD align=middle>文字10</TD>
<TD align=middle>文字11</TD>
<TD align=middle>文字12</TD></TR></TBODY></TABLE>

 
文字1
文字2 文字4 文字5 文字6
文字7 文字8 文字9
文字10 文字11 文字12
文字3
 

代码如下

<TABLE borderColor=#ff0000 height=150 cellSpacing=2 width=400 align=center bgColor=#000000 border=3>
<TBODY>
<TR>
<TD align=middle colSpan=5>文字1</TD></TR>
<TR>
<TD align=middle rowSpan=3>文字2</TD>
<TD align=middle>文字4</TD>
<TD align=middle>文字5</TD>
<TD align=middle>文字6</TD>
<TR>
<TD align=middle>文字7</TD>
<TD align=middle>文字8</TD>
<TD align=middle>文字9</TD></TR>
<TR>
<TD align=middle>文字10</TD>
<TD align=middle>文字11</TD>
<TD align=middle>文字12</TD></TR>
<TR>
<TD align=middle colSpan=5>文字3</TD></TR></TR></TBODY></TABLE>

 
文字1 文字2 文字3 文字4
文字5 文字6 文字7
文字8 文字9 文字10
 

代码如下

<TABLE borderColor=#ff0000 height=150 cellSpacing=2 width=400 align=center bgColor=#000000 border=3>
<TBODY>
<TR>
<TD align=middle rowSpan=3>文字1</TD>
<TD align=middle>文字2</TD>
<TD align=middle>文字3</TD>
<TD align=middle>文字4</TD></TR>
<TR>
<TD align=middle>文字5</TD>
<TD align=middle>文字6</TD>
<TD align=middle>文字7</TD></TR>
<TR>
<TD align=middle>文字8</TD>
<TD align=middle>文字9</TD>
<TD align=middle>文字10</TD></TR></TR></TBODY></TABLE>

 
文字1
文字2 文字3
文字4 文字5
文字6 文字7
 

代码如下

<TABLE borderColor=#ffff00 height=100 cellSpacing=2 width=400 align=center bgColor=#cc00cc border=5>
<TBODY>
<TR>
<TD align=middle colSpan=3>文字1</TD></TR>
<TR>
<TD align=middle>文字2</TD>
<TD align=middle>文字3</TD></TR>
<TR>
<TD align=middle>文字4</TD>
<TD align=middle>文字5</TD></TR>
<TR>
<TD align=middle>文字6</TD>
<TD align=middle>文字7</TD></TR></TBODY></TABLE>

 
文字2 文字3 文字1 文字4 文字5
文字6 文字7 文字8 文字9
 

代码如下

<TABLE borderColor=#ffff00 height=100 cellSpacing=2 width=400 align=center bgColor=#cc00cc border=3>
<TBODY>
<TR>
<TD align=middle>文字2</TD>
<TD align=middle>文字3</TD>
<TD align=middle rowSpan=2>文字1</TD>
<TD align=middle>文字4</TD>
<TD align=middle>文字5</TD></TR>
<TR>
<TD align=middle>文字6</TD>
<TD align=middle>文字7</TD>
<TD align=middle>文字8</TD>
<TD align=middle>文字9</TD></TR></TBODY></TABLE>

 

文字标题1
文字2 文字4 文字5 文字6 文字3
文字7 文字8 文字9
文字10 文字11 文字12
文字标题13

 

代码如下
<TABLE borderColor=#ffff00 height=150 cellSpacing=2 width=400 align=center bgColor=#ff0000 border=3>
<TBODY>
<TR>
<TD align=middle colSpan=5>文字标题1</TD></TR>
<TR>
<TD align=middle rowSpan=4>文字2</TD>
<TD align=middle>文字4</TD>
<TD align=middle>文字5</TD>
<TD align=middle>文字6</TD>
<TD align=middle rowSpan=4>文字3</TD></TR>
<TR>
<TD align=middle>文字7</TD>
<TD align=middle>文字8</TD>
<TD align=middle>文字9</TD></TR>
<TR>
<TD align=middle>文字10</TD>
<TD align=middle>文字11</TD>
<TD align=middle>文字12</TD></TR>
<TR>
<TD align=middle colSpan=3>文字标题13</TD></TR></TBODY></TABLE>

  评论这张
 
阅读(76)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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