网易博客素材、教程、代码基地

请引用的朋友，不要删除链接，谢谢合作

日志

关于我

佳人素材教程基地

和阳光的人在一起,心里就不会晦暗,和快乐的人在一起,嘴角就常带微笑,和进取的人在一起,行动就不会落后,和大方的人在一起,处事就不小气,和睿智的人在一起,遇事就不迷茫,和聪明的人在一起,做事就变机敏。——借人之智,完善自己。学最好的别人,做最好的自己。

文章分类

【制作表格嵌入文字格式的技巧代码】

2012-01-27 16:30:21| 分类：【博客教程】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

本文转载自金钥匙《【制作表格嵌入文字格式的技巧代码】》

金钥匙博客

钥匙邀请

友情连接

钥匙滞留

在线礼佛

钥匙前言

钥匙陋室

本博指南

【制作表格嵌入文字格式的技巧代码】

金钥匙的日志里，制作相关的代码，纯属个人的爱好，高手请不要见笑，初学者可学习。本博本着互助互学的宗旨，向广大朋友们学习，取长补短的宗旨，欢迎大家前来加入。如有朋友喜欢，那将是本博的荣幸，网上的资源是共享的，请正常引用.

金钥匙博客和您共创美好家园!

表格，你看是不复杂，可是要制作出来相对比较多样化的，你就未必制作的出来，因为你不知道标签的属性，就没有办法达到需要的效果。不过，没有关系，金钥匙为你制作了。

代码复制如下:

<TABLE cellSpacing=0 cellPadding=0 width=350 borderColorDark=#222222 borderColorLight=#333333 align=center bgcolor=#000000 border=5>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 borderColorDark=#222222 borderColorLight=#333333 width="100%" align=center bgColor=#000000 border=3>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 borderColorDark=#222222 borderColorLight=#333333 width="100%" align=center border=2>
<TBODY>
<TR>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
<TD align=center><A href=连接地址 target=_blank rel=nofollow>☆连接文字☆</A></TD>
</TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

显示

☆连接文字☆ ☆连接文字☆ ☆连接文字☆ ☆连接文字☆ ☆连接文字☆ ☆连接文字☆ ☆连接文字☆ ☆连接文字☆ ☆连接文字☆ ☆连接文字☆ ☆连接文字☆ ☆连接文字☆

代码复制如下:


<TABLE cellSpacing=0 width=418 height=155 borderColorDark=#222222 borderColorLight=#333333 align=center bgColor=#000000 border=5>
<TBODY>
<TR>
<TD align=middle colSpan=4>一行中四列被合并成一列</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
</TBODY></TABLE>

显示

一行中四列被合并成一列

文字文字文字文字

文字文字文字文字

文字文字文字文字

代码复制如下:


<TABLE height=155 cellSpacing=0 width=418 borderColorDark=#222222 borderColorLight=#333333 align=center bgColor=#000000 border=5>
<TBODY>
<TR>
<TD align=middle colSpan=4>一行中四列被合并成一列</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle colSpan=4>一行中四列被合并成一列</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
</TBODY></TABLE>

显示

一行中四列被合并成一列

文字文字文字文字

一行中四列被合并成一列

文字文字文字文字

代码复制如下:


<TABLE height=10 cellSpacing=0 width=464 borderColorDark=#222222 borderColorLight=#333333 align=center bgColor=#000000 border=5>
<TBODY>
<TR>
<TD align=middle colSpan=5>标题</TD></TR>
<TR>
<TD align=middle rowSpan=4>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
</TBODY></TABLE>

显示

标题

文字文字文字文字文字

文字文字文字文字

文字文字文字文字

代码复制如下:


<TABLE height=10 cellSpacing=0 width=524 borderColorDark=#222222 borderColorLight=#333333 align=center bgColor=#000000 border=5>
<TBODY>
<TR>
<TD align=middle colSpan=5>标题</TD></TR>
<TR>
<TD align=middle rowSpan=4>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle rowSpan=4>文字 </TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
</TBODY></TABLE>

显示

标题

文字文字文字文字文字

文字文字文字

文字文字文字

文字文字文字

代码复制如下:


<TABLE cellSpacing=0 width=586 borderColorDark=#222222 borderColorLight=#333333 align=center bgColor=#000000 border=5>
<TBODY>
<TR>
<TD align=center colSpan=5>标题</TD></TR>
<TR>
<TD align=center>文字</TD>
<TD align=center>文字</TD>
<TD align=center>文字</TD>
<TD align=center>文字</TD>
<TD align=center rowSpan=4>文字</TD></TR>
<TR>
<TD align=center>文字</TD>
<TD align=center>文字</TD>
<TD align=center>文字</TD>
<TD align=center>文字</TD></TR>
<TR>
<TD align=center>文字</TD>
<TD align=center>文字</TD>
<TD align=center>文字</TD>
<TD align=center>文字</TD></TR>
</TBODY></TABLE>

显示

标题

文字文字文字文字文字

文字文字文字文字

文字文字文字文字

代码复制如下:

<DIV align=center>
<TABLE height=20 cellSpacing=0 width=550 borderColorDark=#222222 borderColorLight=#333333 align=center bgColor=#000000 border=5>
<TBODY>
<TR>
<TD align=middle colSpan=5>标题</TD></TR>
<TR>
<TD align=middle rowSpan=3>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle rowSpan=3>文字</TD></TR>
<TR>
<TD align=middle colSpan=3>标题</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
</TBODY></TABLE></DIV>

显示

标题

文字文字文字文字文字

标题

文字文字文字

代码复制如下:

<CENTER>
<TABLE height=10 cellSpacing=0 width=476 borderColorDark=#222222 borderColorLight=#333333 align=center bgColor=#000000 border=5>
<TBODY>
<TR>
<TD align=middle colSpan=5>标题1</TD></TR>
<TR>
<TD align=middle rowSpan=3>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle rowSpan=3>文字</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle colSpan=5>标题2</TD></TR></TBODY></TABLE></CENTER>

显示

标题1

文字文字文字文字文字

文字文字文字

文字文字文字

标题2

代码复制如下:

<CENTER>
<TABLE height=20 cellSpacing=0 width=498 borderColorDark=#222222 borderColorLight=#333333 align=center bgColor=#000000 border=5>
<TBODY>
<TR>
<TD align=middle colSpan=6>标题1</TD></TR>
<TR>
<TD align=middle rowSpan=3>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle rowSpan=3>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle rowSpan=3>文字</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle colSpan=6>标题2</TD></TR>
</TBODY></TABLE></CENTER>

显示

标题1

文字文字文字文字文字

文字文字

文字文字

标题2

代码复制如下:

<CENTER>
<TABLE height=20 cellSpacing=0 width=502 borderColorDark=#222222 borderColorLight=#333333 align=center bgColor=#000000 border=5>
<TBODY>
<TR>
<TD align=middle colSpan=5>标题1</TD></TR>
<TR>
<TD align=middle rowSpan=3>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle rowSpan=3>文字</TD></TR>
<TR>
<TD align=middle colSpan=3>标题2</TD></TR>
<TR>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD>
<TD align=middle>文字</TD></TR>
<TR>
<TD align=middle colSpan=5>标题3</TD></TR>
</TBODY></TABLE></CENTER>

显示

标题1

文字文字文字文字文字

标题2

文字文字文字

标题3

代码注解如下:

1、<TABLE></TABLE>：表示表格属性并分别作起、始标识符，代码中有几对<TABLE></TABLE>即表示有几张表格，。
2、<TR></TR>：表示表格中“行”属性。当前的这组代码中有几对<TR></TR>就表示当前表格中就有几行。
3、<TD></TD>：表示表格中一行里面单元格属性。当前代码的一行中有几对<TD></TD>就表示这行中就有几个单元格。
4、border：表示表格外框线宽度，属性是像素其值用数字表示。如border=2，表示表格边框的粗细为2个像素（默认值为1），0表示无边框。
5、borderColor：表示表格的边框线颜色，属性值由各种颜色的特殊代码决定（当border值不为0时设置此值有效，默认值为白色）。
6、bordercolorlight：表示表格的左边和上边框的颜色，代码中把它定义为亮边框，属性值同样由各种颜色的特殊代码决定。
7、bordercolordark：表示表格的右边和下边框的颜色，代码中把它定义为暗边框，属性同上。
8、bgcolor：表示表格的背景颜色，属性同上（默认值为无色）。
9、background：表示表格的背景图案，属性值为有效的图片地址（即网站还没有删除的图片，如取自己日志相册图片，将永远有效）。
10、cellpadding：表示单元格内容与单元格边框之间的距离，属性由数字控制。
11、cellspacing：表示表格中各单元格的间距，属性由数字控制。
12、width：表示表格的宽度，属性值可以有像素和百分比两种方式控制。
13、height：表示表格的高度，取值方法同宽度。
14、align：表示表格的对齐方式，属性值为left（居左，默认）、center（居中）、right（居右）。
15、colspan：合并表格列的控制代码，属性值是数字（即列中被合并的单元格数）。
16、rowspan：合并表格行的控制代码，属性值是数字（即行中被合并的单元格数）。
17、BORDER-RIGHT: 表示右边框，BORDER-TOP: 表示上边框，BORDER-LEFT: 表示左边框，BORDER-BOTTOM: 表示下边框。它们的属性取值一般为颜色、像素和某一特定的属性。
18、<th>表头</th> ：定义表头。
19、<TH>文字</TH>单元格中文字的设置。
20、<caption></caption> ：建立表格的标题，通过align属性定义标题的位置：即 top（在表格上方）、bottom（在表格下方）、left（在表格的左上方）、right（在表格的右上方）。

金钥匙欢迎朋友们光临!

金钥匙博客特此声明:
如果你喜欢此日志，请点击日志右下方的（推送或引用），或者左下方的（分享）。
让大家分享或引用，也算是对我的支持，谢谢！
▲尊重他人劳动，崇尚网络公德。▲
本博作品欢迎收藏！支持转载！抵制抄袭！严禁剽窃！
引用日志及代码请保留原创字样!
★请朋友尊重朋友的劳动所成果，此筐架请你不要删，希望互相尊重!★
如果你想得到别人的尊重，
那么你首先要学会怎样去尊重别人, 别人同样也会尊重你!

金钥匙再次声明：
不欢迎“复制者”--请文明上网。
您可以在网络找教程，素材，请别复制制作好的博文内容！
请别复制博文，复制专辑，修改专辑链接地址！
您复制--粘贴--也许需要几分钟，
可您知道编辑一篇教程需要多长时间吗？
可您知道编辑一篇图片“文章’需要多长时间吗？
您又知道制作“代码效果”一篇教程需要多长时间吗？
还是一句话：尊重他人劳动，崇尚网络公德。
严禁抄袭他人作品、严禁剽窃他人成果！
光看不留意见的，我将不视为博友！请文明上网！
金钥匙谢谢您的光临，并请留下宝贵意见!

感谢朋友	钥匙小语	博客禁忌	博客现象	自我介绍	建博语感
开博心感	钥匙咀嚼	博友概念	钥匙玉言	关于版权	设计事项
关于钥匙	钥匙建议	金钥匙为你服务--问题专区		公告宣言	告知心语
坦荡的心	加友看法	人品有多美，空间就有多美		我的搏客	网聊必须
空间邀请	遇上网友	缘聚屏前感谢朋友		逛博有感	博客随感
博友之歌	不宜交往	查看关于本博的更多信息		博客空间	致我网友

评论这张

转发至微博

阅读(190)| 评论(1)

历史上的今天

this.p={ m:2,
 b:2,
 loftPermalink:'',
 id:'fks_087067083082084074082094082069072087088068087087087066082086',
 blogTitle:'【制作表格嵌入文字格式的技巧代码】',
 blogAbstract:' <CENTER\> </CENTER\> <CENTER\> <TABLE height=\"10\" cellSpacing=\"0\" borderColorDark=\"#121212\" cellPadding=\"0\" width=\"700\" align=\"center\" bgColor=\"#111111\" borderColorLight=\"#222222\" border=\"7\" \> <TBODY\> <TR\> <TD\> <TABLE height=\"10\" cellSpacing=\"0\" borderColorDark=\"#121212\" cellPadding=\"0\" width=\"700\" align=\"center\" borderColorLight=\"#222222\" border=\"5\" \> <TBODY\> <TR\> <TD\> <TABLE style=\"BORDER-RIGHT: #303030 8px ridge; BORDER-TOP: #303030 8px ridge; BORDER-LEFT: #303030 8px ridge; BORDER-BOTTOM: #303030 8px ridge;\" height=\"10\" cellSpacing=\"0\" cellPadding=\"0\" width=\"700\" align=\"center\" border=\"0\" \> <TBODY\> <TR\> </TR\></TABLE\></TD\></TR\></TABLE\></TD\></TR\></TABLE\></P\></CENTER\>',
 blogTag:'',
 blogUrl:'blog/static/197311160201202743021946',
 isPublished:1,
 istop:false,
 type:2,
 modifyTime:0,
 publishTime:1327653021946,
 permalink:'blog/static/197311160201202743021946',
 commentCount:1,
 mainCommentCount:1,
 recommendCount:0,
 bsrk:-100,
 publisherId:0,
 recomBlogHome:false,
 currentRecomBlog:false,
 attachmentsFileIds:[],
 vote:{},
 groupInfo:{},
 friendstatus:'none',
 followstatus:'unFollow',
 pubSucc:'',
 visitorProvince:'',
 visitorCity:'',
 visitorNewUser:false,
 postAddInfo:{},
 mset:'000',
 mcon:'',
 srk:-100,
 remindgoodnightblog:false,
 isBlackVisitor:false,
 isShowYodaoAd:false,
 hostIntro:'和阳光的人在一起,心里就不会晦暗,和快乐的人在一起,嘴角就常带微笑,和进取的人在一起,行动就不会落后,和大方的人在一起,处事就不小气,和睿智的人在一起,遇事就不迷茫,和聪明的人在一起,做事就变机敏。——借人之智,完善自己。学最好的别人,做最好的自己。',
 hmcon:'1',
 selfRecomBlogCount:'0',
 lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
 }

{list a as x}
 {if !!x}
 <div class="iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
 {if x.visitorName==visitor.userName}
 <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
 {else}
 <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
 {/if}
 </a>
 <div class="cwd vname thide">
 {if x.moveFrom=='wap'}
 <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"> </a>
 {elseif x.moveFrom=='iphone'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='android'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='mobile'}
 <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"> </a>
 {/if}
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
 ${fn(x.visitorNickname,8)|escape}
 </a>
 </div>
 </div>
 {/if}
 {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

推荐过这篇日志的人：
 <div>
 {list a as x}
 {if !!x}
 <div class="iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
 <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
 </a>
 <div class="cwd thide">
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
 ${fn(x.recommenderNickname,6)|escape}
 </a>
 </div>
 </div>
 {/if}
 {/list}
 </div>
 {if !!b&&b.length>0}
 他们还推荐了：
 <ul>
 {list b as y}
 {if !!y}
 <li class="rrb">·<a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/197311160201202743021946">${y.recommendBlogTitle|escape}</a></li>
 {/if}
 {/list}
 </ul>
 {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
 {if !!x}
 <div class="hotItem iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
 {if x.publisherUsername==visitor.userName}
 <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
 {else}
 <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
 {/if}
 </a>
 <div class="cwd vname thide">
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
 ${fn(x.publisherNickname,8)|escape}
 </a>
 </div>
 <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
 </div>
 {/if}
 {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

网易博客素材、教程、代码基地

导航

日志

【制作表格嵌入文字格式的技巧代码】

历史上的今天

最近读者

热度

评论

页脚