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

懂得享受生活,品味人生四味

用心做事,真诚做人,歆妍撞彩,炫酷地带

 
 
 

日志

 
 

日志,分割与表格 (代码)  

2014-05-26 18:33:10|  分类: 代码教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

表格与分割


代码说明与示范图

表格代码:
<TABLE cellSpacing=0 cellPadding=0  bgColor=#ff0000 border=1>
<TBODY>
<TR>

<TD>
   表格代码除了制表用外,还有一很重要的作用就是编写日志割分版块,就是说能把一个日志版面分成几个文版使用,在自定义模块时也一样,设有边线时就是表格,把所有边线设为0时就是割分版块,如果要给割分版块加于分隔线,横线用代码<HR>, 竖线可割取6像素(调整到最小)列格后再用竖排字的方式用直点符号代用。<HR>可做竖线,但也要是在独立的列格上使用,宽设为0,加<BR>换行代码用多个<HR>连接。这种竖隔线是不漂亮的,如果你想做成漂亮的,请你再请教专业的编程老师。

代码说明:
<TR>       是行,只是换行作用,
<TD>       是列,编辑文件是在列上,从左至右
colSpan=2  合并列
rowSpan=4  合并行
cellSpacing=0(外框)cellPadding=0(内框)border=0(表格线)全零为无线
cellSpacing=2外表格框与内设框距离,默认为二个像素
cellPadding=2字、图与边框四周距离,默认为二个像素
border=0     边框宽度默认值为0,即没有边框
bgColor=#ff0000背景颜色
borderColor=#ff0000边框颜色
borderColorDark=#00ff00内边框上左颜色,又叫暗边框的顏色
bordercolorlight=#0000FF内边框下右颜色,又叫亮边框的顏色

下面是割分(表格)排列顺序1-2-3-4-5-6-7-8-9-10-11样表及代码:
<TABLE cellSpacing=0 cellPadding=1 width=680 align=center bgColor=#ff0000  border=5>
<TBODY>
<TR>
<TD vAlign=top width=244 colSpan=2> 1 </TD>
<TD vAlign=top width=218 colSpan=2> 2 </TR>
<TR>
<TD vAlign=top width=42 rowSpan=4> 3 </TD>
<TD vAlign=top width=202 rowSpan=2> 4 </TD>
<TD vAlign=top width=99> 5 </TD>
<TD vAlign=top width=119> 6 </TD></TR>
<TR>
<TD vAlign=top width=99> 7 </TD>
<TD vAlign=top width=119 rowSpan=3> 8 </TD></TR>
<TR>
<TD vAlign=top width=202 rowSpan=2> 9 </TD>
<TD vAlign=top width=99> 10 </TD></TR>
<TR>
<TD vAlign=top width=99> 11 </TD></TR></TBODY></TABLE></P>


效果图∶

12
3456
78
910
11
 表格与分割文版代码
  评论这张
 
阅读(141)| 评论(15)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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