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

流金岁月qqc<dom 网昜博客

我的微博t.163.com/流金岁月qqcom

 
 
 

日志

 
 

引用海珠儿 的 表格制作方法及表格中的文字链接(原创 不许复制)  

2011-12-13 16:54:39|  分类: 《博客技巧》 |  标签: |举报 |字号 订阅

  下载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>和结束标记</T

D>组成的这段单元格代码(<TD width="50%">文字编辑或文字链接代码处</TD>)
再复制粘贴1次插入代码中,下面代码示范中红色处就是.

     代码示范如下:

<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%......

请看看效果:

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


 

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


 

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


 

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

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

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

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

      博客技巧       朝花夕拾      我的诗文
      博客技巧       朝花夕拾      我的诗文
      博客技巧       朝花夕拾      我的诗文
      博客技巧       朝花夕拾      我的诗文
      博客技巧       朝花夕拾      我的诗文

 

美女闪图

黑色背景

按钮大全

14款时钟

精美时钟

时钟代码

图片汇总

竖排代码

文本代码

分割代码

分割代码

滚到特效

闪动诱惑

背景音乐

特效制作

颜色代码

动画代码

图片移动

图文飞舞

图文特效

音乐梦幻

动画代码

立体代码

动画链接

动态表格

首页链接

好友链接

超级链接

文图链接

条框代码

玉器鉴别

代码汇总

表格样式

样式代码

闪光边框

10种特效字

闪字代码

素材大全

题标图片

留言版

动画文字

导航制作

高级样式

动态分割

按钮超市

10大代码

技术代码

代码复制

  评论这张
 
阅读(332)| 评论(6)

历史上的今天

评论

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

页脚

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