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

今日延安影视音画博客

用镜头说话 记录真实的人和事

 
 
 

日志

 
 
关于我

《影视音画博客》是以原创摄影、音画为主的平台,也是与朋友们相互学习交流的平台,,欢迎您的光临。

网易考拉推荐

图片文字一体链接表格导航代码  

2017-03-27 09:29:58|  分类: 代码应用 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


  导航名称1

  导航名称2

图片文字一体链接表格导航代码 - 今日延安 - 今日延安影视音画博客

  导航名称3

  导航名称4

  导航名称5

  导航名称6

  导航名称7

  导航名称8


代码如下
<TABLE border=3 cellSpacing=10 borderColor=#00ad00 cellPadding=0 width="20%" bgColor=#cccc99>
<TBODY>
<TR>
<TD>
<P align=center><A href="链接地址1" rel=nofollow target=_blank><FONT color=#006400 target="_blank"><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none"  src="图片地址" width=70 height=70></FONT></A></P>
<P align=center>&nbsp;<FONT size=+0> <A href="链接地址1" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称1</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址2" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址2" width=70 height=70></A></P>
<P align=center>&nbsp;<FONT size=+0> <A href="链接地址2" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称2</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址3" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none"  width=70 height=70></A></P>
<P align=center>&nbsp;<FONT size=+0> <A href="链接地址3" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称3</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址4" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址4" width=70 height=70></A></P>
<P align=center>&nbsp;<FONT size=+0> <A href="链接地址4" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称4</FONT></STRONG></A> </FONT></P></TD>

<TR>

<TD>
<P align=center><A href="链接地址5" rel=nofollow target=_blank><FONT color=#006400 target="_blank"><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址5" width=70 height=70></FONT></A></P>
<P align=center>&nbsp;<FONT size=+0> <A href="链接地址5" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称5</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址6" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址6" width=70 height=70></A></P>
<P align=center>&nbsp;<FONT size=+0> <A href="链接地址6" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称6</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址7" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址7" width=70 height=70></A></P>
<P align=center>&nbsp;<FONT size=+0> <A href="链接地址7" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称7</FONT></STRONG></A> </FONT></P></TD>
<TD>
<P align=center><A href="链接地址8" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址8" width=70 height=70></A></P>
<P align=center>&nbsp;<FONT size=+0> <A href="链接地址8" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称8</FONT></STRONG></A> </FONT></P></TD><BR></TR></TBODY></TABLE>

说明:

1、以上代码是两行四列,可以随便加列加行或减列减行。

2、如果加列,就在“导航名称4”的代码后再继续加代码:

<TD>
<P align=center><A href="链接地址" rel=nofollow target=_blank><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址=" width=70 height=70></A></P>
<P align=center>&nbsp;<FONT size=+0> <A href="链接地址" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称</FONT></STRONG></A> </FONT></P></TD>
3、如果加行,就在“导航名称8”的代码后再加代码:

<TR>

<TD>
<P align=center><A href="链接地址" rel=nofollow target=_blank><FONT color=#006400 target="_blank"><IMG style="MARGIN: 0px 10px; FLOAT: none; cssfloat: none" src="图片地址" width=70 height=70></FONT></A></P>
<P align=center>&nbsp;<FONT size=+0> <A href="链接地址" rel=nofollow target=_blank><STRONG><FONT color=#006400>导航名称</FONT></STRONG></A> </FONT></P></TD>
千万注意不要漏掉"<TR>”

4、如果要减列减行就相应删除以上行列代码。
  评论这张
 
阅读(16)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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