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

语辰的博客

学习的园地生活的乐园

 
 
 

日志

 
 

【转载】表格制作方法及表格中的文字链接  

2014-08-22 07:44:53|  分类: 博客学习 |  标签: |举报 |字号 订阅

  下载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”为宜;如果把表放在窄的一栏,可设为“210”为宜。

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个......小单元格:那么分成几个小单元格,红色代码就要在整个代码中出现几次,其百

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

效果如下: (分别是2格、3格、4格、5格)

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

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

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

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

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

七:文字链接代码:

<A href="链接地址" target="_blank">链接文字</A>

就是把这个代码<A href="链接地址" target="_blank">链接地址</A> 复制到文字编辑或文字链接代码处》,   

  "链接地址",就是填你要链接的那篇文章的网页页面网址,这个地址就是网页顶上面的一个地址栏中的网址,把它复制下来,然后粘贴在"相关地址"处就行了。注意:"链接地址"处的引号千万不能去掉,只能用那个网址替代“链接地址”这4字。

   “链接文字”,就填你链接的那篇文章的题目。

示范:<A href="http://renlihua-2008.blog.163.com/blog/static/24847255200842592545739/" target=_blank><STRONG><FONT color=#339966 size=4>荷花仙子</FONT></STRONG></A></TD>

换行:<A href="http://renlihua-2008.blog.163.com/blog/static/24847255200842592545739/" target=_blank><STRONG><FONT color=#339966 size=4>荷花仙子</FONT></STRONG></A></TD></TR></TBODY></TABLE>

注:size=4 是字体大小,4可以改,

 

八:怎样上传到首页:

     全部做完后,复制整篇代码,然后发表文章。再把复制的代码粘贴在首页的换衣服的自定义模块中就完成

    下面是我做链接后的表格示例: 

      荷花仙子       精品文章
      荷花仙子       精品文章
      荷花仙子       精品文章
      荷花仙子       精品文章
      荷花仙子       精品文章

(想分几行,就把下面的全部代码复制几遍)

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


  评论这张
 
阅读(7)| 评论(2)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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