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

.

.

 
 
 

日志

 
 
关于我

我是一名教育工作者,为人正直爽快.诚实守信,热情好客.乐于助人.真诚结交各地朋友,是我最大的心愿!

日记功能制作表格  

2010-04-19 17:33:45|  分类: 博客挂件 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

日记功能制作表格

  利用日志编辑功能中自带的表格,可以编辑出多种表格。

方法如下:

 制作表格(日记功能) - 无所谓 - .

如想设计一个三行三列的表格,过程如下:

制作表格(日记功能) - 无所谓 - .

     
     
     

添加颜色代码。

(1)我们利用上面的<>,表格代码如下:

<TABLE style="BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; BORDER-LEFT: 1px solid; WIDTH: 574px; BORDER-BOTTOM: 1px solid; HEIGHT: 93px" cellSpacing=1 cellPadding=1 width=574 align=center border=1>

<TBODY>

<TR>

<TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>

<TR>

<TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>

<TR>

<TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>

</TBODY></TABLE>

(2)我们先将上面代码简化(这一点很重要)

   <TABLE style="  WIDTH: 574px;  HEIGHT: 93px" cellSpacing=1 cellPadding=1 width=574 align=center border=1>

<TBODY>

<TR>

<TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>

<TR>

<TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>

<TR>

<TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>

</TBODY></TABLE>

(3)

 <TABLE style="  WIDTH: 574px;  HEIGHT: 93px" cellSpacing=1 cellPadding=1 width=574 align=center border=1 borderColor=00ff00>

<TBODY>

<TR>

<TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>

<TR>

<TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>

<TR>

<TD>&nbsp;</TD><TD>&nbsp;</TD><TD>&nbsp;</TD></TR>

</TBODY></TABLE>

     
     
     

 (4)

<TABLE style="  WIDTH: 574px;  HEIGHT: 93px" cellSpacing=1 cellPadding=1 width=574 align=center border=1 borderColor=00ff00>

<TBODY>

<TR>

<TD bgcolor=#0000FF>&nbsp;</TD><TD bgcolor=#0000FF>&nbsp;</TD><TD bgcolor=#0000FF>&nbsp;</TD></TR>

<TR>

<TD bgcolor=#0000FF>&nbsp;</TD><TD bgcolor=#0000FF>&nbsp;</TD><TD bgcolor=#0000FF>&nbsp;</TD></TR>

<TR>

<TD bgcolor=#0000FF>&nbsp;</TD><TD bgcolor=#0000FF>&nbsp;</TD><TD bgcolor=#0000FF>&nbsp;</TD></TR>

</TBODY></TABLE>

     
     
     

(5)代码:

 <TABLE style="  WIDTH: 574px;  HEIGHT: 93px" cellSpacing=1 cellPadding=1 width=574 align=center border=1 borderColor=00ff00>

<TBODY>

<TR>

<TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A>&nbsp;</TD><TD bgcolor=#0000ff><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A>&nbsp;</TD><TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A>&nbsp;</TD></TR>

<TR>

<TD bgcolor=#0000FF><A href="/链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A>&nbsp;</TD><TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A>&nbsp;</TD><TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A>&nbsp;</TD></TR>

<TR>

<TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A>&nbsp;</TD><TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A>&nbsp;</TD><TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A>&nbsp;</TD></TR>

</TBODY></TABLE>

 (6)代码

<IMG height=80 src="图片地址" width=80 border=0>把此代码加到<TD></TD>之间即可,看下面代码:(注意加的位置)

<TABLE style="  WIDTH: 574px;  HEIGHT: 93px" cellSpacing=1 cellPadding=1 width=574 align=center border=1 borderColor=00ff00>

<TBODY>

<TR>

<TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A><IMG height=80 src="图片地址width=80 border=0>&nbsp;</TD><TD bgcolor=#0000ff><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A><IMG height=80 src="图片地址" width=80 border=0>&nbsp;</TD><TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A><IMG height=80 src="图片地址" width=80 border=0>&nbsp;</TD></TR>

<TR>

<TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A><IMG height=80 src="图片地址" width=80 border=0>&nbsp;</TD><TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A><IMG height=80 src="图片地址" width=80 border=0>&nbsp;</TD><TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A><IMG height=80 src="图片地址" width=80 border=0>&nbsp;</TD></TR>

<TR>

<TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A><IMG height=80 src="图片地址" width=80 border=0>&nbsp;</TD><TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A><IMG height=80 src="图片地址-" width=80 border=0>&nbsp;</TD><TD bgcolor=#0000FF><A href="链接地址" target=_blank><FONT face=_GB2312 color=#ff0000 size=5>内容文字</FONT></A><IMG height=80 src="图片地址" width=80 border=0>&nbsp;</TD></TR></TBODY></TABLE>

 (7)从(6)看出,代码添加没有问题。 如果我们想把图片和文字居中,请用居中代码<Center>内容</Center>

          无所谓欢迎您光临

  评论这张
 
阅读(116)| 评论(4)

历史上的今天

评论

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

页脚

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