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

天空下的草原

自由的奔跑

 
 
 

日志

 
 

引用 表格制作方法及表格中的文字链接(原创 不许复制)(教你活用,不是死搬)  

2008-02-03 09:48:25|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

                表格制作方法及表格中的文字链接

   操作窗口:编辑状态下的自定义模块中或编辑状态下的日志窗口的HTML编辑器中

      一、表格基本代码:

<TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#ff0000 border=0>
<TBODY>单元格代码处</TBODY></TABLE>

      说明:width=450 表单元格宽度;bgColor=#ff0000 表边框颜色,“ff0000”这是红颜色代码,要改变颜色可参看颜色代码表。

     二、表格单元格代码:

<TR bgColor=#dbe4f4 height=40>

<TD width="100%">文字编辑或文字链接代码处</TD></TR>

 三、将单元格代码插入基本代码中后的代码示范:

<TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#ff0000 border=0>
<TBODY>

<TR bgColor=#dbe4f4 height=40>

<TD width="100%">文字编辑或文字链接代码处</TD></TR></TBODY></TABLE>

说明:

1、width=450 这是单元格的宽度,“450”这个值是可以变的。如果把表放在首页中间宽的一栏,这个值可设为“440--450”为宜;如果把表放在窄的一栏,这个值可设为“220”为宜。

2、红色代码是代入的单元格代码;

3、height=40 这是单元格的高度, “40”这个值是可以改大改小的;

4、width="100%" 这是表单元格的宽度的百分比,100%这个值也是可以变化的。如果在一行中不需再分成小单元格,那么它的百分比就是100%;(即单元格宽度width=450 的100%)

四、将插入红色单元格代码后的一段代码连续复制粘贴几次就是几行单元格。

一行单元格效果:(复制粘贴代码1次)

文字编辑或文字链接代码处

两行单元格效果:(复制粘贴代码2次)

文字编辑或文字链接代码处
文字编辑或文字链接代码处

三行单元格效果:(复制粘贴代码3次)

文字编辑或文字链接代码处
文字编辑或文字链接代码处
文字编辑或文字链接代码处

四行单元格效果:(复制粘贴代码4次)

文字编辑或文字链接代码处
文字编辑或文字链接代码处
文字编辑或文字链接代码处
文字编辑或文字链接代码处

五、将行分成若干个小单元格:

    1、如果在一行中又分成2个小单元格,那么它的百分比就是50%;(即每个小单元格占单元格宽度width=450 的50%)并将由开始标记<TD>和结束标记</TD>组成的这段单元格代码(<TD width="50%">文字编辑或文字链接代码处</TD>
再复制粘贴1次插入代码中,下面代码示范中红色处就是.

     代码示范如下:

</FONT></STRONG></P><TABLE cellSpacing=1 cellPadding=0 width=450 align=center bgColor=#ff0000 border=0>
<TBODY>
<TR bgColor=#dbe4f4 height=40>
<TD width="50%">文字编辑或文字链接代码处</TD>
<TD width="50%">文字编辑或文字链接代码处</TD></TR></TBODY></TABLE>

    思考:如果要将一行单元分成3个、4个、5个......小单元格怎么办?

  答案:分成几个小单元格,红色代码就要在整个代码中出现几次,其百

       分比依次是:33.3%、25%、20%......

请看看效果:

文字编辑或文字链接代码处 文字编辑或文字链接代码处

文字编辑或文字链接代码处 文字编辑或文字链接代码处 文字编辑或文字链接代码处

文字编辑或文字链接代码处 文字编辑或文字链接代码处 文字编辑或文字链接代码处 文字编辑或文字链接代码处

文字编辑或文字链接代码处 文字编辑或文字链接代码处 文字编辑或文字链接代码处 文字编辑或文字链接代码处 文字编辑或文字链接代码处

六、在“文字编辑或文字链接代码处”做文字链接

    怎样做文字链接,请参看:文字图片的链接必须学

    做链接后的表格示例如下: 

      博客技巧       朝花夕拾      我的诗文
      博客技巧       朝花夕拾      我的诗文
      博客技巧       朝花夕拾      我的诗文
      博客技巧       朝花夕拾      我的诗文
      博客技巧       朝花夕拾      我的诗文
  评论这张
 
阅读(1121)| 评论(10)
推荐 转载

历史上的今天

评论

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

页脚

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