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

宁静夏

淡之喧嚣,坐拥宁静;舍之奢靡,但享温馨。

 
 
 

日志

 
 

【转载】利用日志编辑功能制作表格  

2012-10-26 00:40:36|  分类: 代码学习 |  标签: |举报 |字号 订阅

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

  评论这张
 
阅读(11)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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