当前位置: 首页 > 学生作品 > 如何在日志中做图片导航

如何在日志中做图片导航

2019年02月17日 18:24:01 访问量:116 作者:郭雨昕


 如何在日志中做图片导航

  一、有的朋友写的日志较多,门类也很广范,时间一长在找起来很不方便,全部放到首页导航文章一多看上去一片也不好找,只做一般日志内导航又不美观 ,因此现将日志内图片导航代码告诉大家供朋友使用。
  二、代码中涂蓝的部位是一篇日志的代码,代码中红的部位的两个链接地址是要导航日志的地址是一样的;图片地址是你要使用图片的地址;日记名称就是该篇要导航日志的名称。
  三、每三篇日志为一组用</tr><tr>隔开;</tr>为上一组的结束;<tr>为下一组的开始。
  四、<td>&nbsp;</td>
      <td>&nbsp;</td>这三组代码是预留的位置,如果日志多所设置的代码不够用就见导航代码复制后粘贴到该位置
     <td>&nbsp;</td>
  五、该日记内导航做好后要想在首页显示就按照我博客中《 如何制作图片导航》的办法再做一个总的图片导航,用一张图片在首页显示。


代码
<tr>
<p align="center"><b>
</b></p></tr></tbody></table><table bgcolor="#fee4de" border="3" bordercolor="#f68080" cellpadding="1" cellspacing="15" width="70%">
<tbody>

<tr>
<td><a href="链接地址" target="_blank"><img src="图片地址" border="0" height="100" width="100"></a>
<p>&nbsp;<a href="链接地址" target="_blank"><font color="#ff0000" size="2">日记名称</font></a> </p></td>

<td><a href="链接地址" target="_blank"><img src="图片地址" border="0" height="100" width="100"></a>
<p>&nbsp;<a href="链接地址" target="_blank"><font color="#ff0000" size="2">日记名称</font></a> </p></td>

<td><a href="链接地址" target="_blank"><img src="图片地址" border="0" height="100" width="100"></a>
<p>&nbsp;<a href="链接地址" target="_blank"><font color="#ff0000" size="2">日记名称</font></a> </p></td>
</tr><tr>

<td><a href="链接地址" target="_blank"><img src="图片地址" border="0" height="100" width="100"></a>
<p>&nbsp;<a href="链接地址" target="_blank"><font color="#ff0000" size="2">日记名称</font></a> </p></td>

<td><a href="链接地址" target="_blank"><img src="图片地址" border="0" height="100" width="100"></a>
<p>&nbsp;<a href="链接地址" target="_blank"><font color="#ff0000" size="2"> 日记名称</font></a> </p></td>

<td><a href="链接地址" target="_blank"><img src="图片地址" border="0" height="100" width="100"></a>
<p>&nbsp;<a href="链接地址" target="_blank"><font color="#ff0000" size="2">日记名称</font></a> </p></td>
</tr><tr>

<td><a href="链接地址" target="_blank"><img src="图片地址" border="0" height="100" width="100"></a>
<p>&nbsp;<a href="链接地址" target="_blank"><font color="#ff0000" size="2">日记名称</font></a> </p></td>

<td><a href="链接地址" target="_blank"><img src="图片地址" border="0" height="100" width="100"></a>
<p>&nbsp;<a href="链接地址" target="_blank"><font color="#ff0000" size="2">日记名称</font></a> </p></td>

<td><a href="链接地址" target="_blank"><img src="图片地址" border="0" height="100" width="100"></a>
<p>&nbsp;<a href="链接地址" target="_blank"><font color="#ff0000" size="2">日记名称</font></a> </p></td>
</tr><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><tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr><tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td></tr></tbody></table>
<p><b>&nbsp;</b></p>
实例:

如何在写日记中做图片导航 - 我心依旧 - 我心依旧

 日记名称

如何在写日记中做图片导航 - 我心依旧 - 我心依旧

 日记名称

如何在写日记中做图片导航 - 我心依旧 - 我心依旧

 日记名称

如何在写日记中做图片导航 - 我心依旧 - 我心依旧

 日记名称

如何在写日记中做图片导航 - 我心依旧 - 我心依旧

  日记名称

如何在写日记中做图片导航 - 我心依旧 - 我心依旧

 日记名称

如何在写日记中做图片导航 - 我心依旧 - 我心依旧

 日记名称

如何在写日记中做图片导航 - 我心依旧 - 我心依旧

 日记名称

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


    每个取代码的朋友,请在下方评论栏里留言,以示尊重作者的劳动。如果您愿意请在首页为我投票。谢谢!                        

 

原文信息:
原文信息:
编辑:郭雨昕
评论区
发表评论

评论仅供会员表达个人看法,并不表明网校同意其观点或证实其描述
教育部 中国现代教育网 不良信息 垃圾信息 网警110
郑重声明:本站全部内容均由本单位发布,本单位拥有全部运营和管理权,任何非本单位用户禁止注册。本站为教育公益服务站点,禁止将本站内容用于一切商业用途;如有任何内容侵权问题请务必联系本站站长,我们基于国家相关法律规定严格履行【通知—删除】义务。本单位一级域名因备案流程等原因,当前临时借用网校二级域名访问,使用此二级域名与本单位官网权属关系及运营管理权无关。定襄县智村学校 特此声明。

联系地址:定襄县智村学校
北京网笑科技有限公司 仅提供技术支持 违法和不良信息举报中心