分享

友情链接的制作方法与代码

 st清霜 2015-05-05
一、文字链接代码:

<a href="对方博客地址" target=_blank>对方博客名称</a>

说明:一般的链接代码 <a href="对方博客地址">对方博客名称</a> Q仔建议大家使用上面那个链接代码,上面那个代码在新窗口打开链接地址而原窗口保留不会丢失。如果要改文字颜色与大小,在对方名称前加:<FONT face=黑体 color=#00ff00 size=3><B>名称后加<FONT></B>其中face=黑体是字体样式,color=#00ff00字体颜色,size=3字体大小,<B>字体加粗。要想加多个的话就把<br><a href="对方博客地址" target=_blank>对方博客名称</a>加在上个链接</a>的后面,其中<br>为文字换行。具体颜色可以参照——HTML颜色代码表
效果如下:

Q仔*网易博客



二、图片链接代码:

<a href="对方博客地址" target=_blank><img src="对方图片" width=100 height=100 border=0></a>

说明:代码中 width=100 height=100为图片的宽度与高度,可自行调整。
如何获取图片地址——〈一分钟学会查找图片地址如果做多个图片链接,只要把<a href="对方博客地址" target=_blank><img src="对方图片" width=100 height=100 border=0> 加在上个链接</a>的后面。
效果如下:

友情链接的制作方法与代码 - Q仔 - Q仔*网易博客



三、简单图片移动链接代码:

<marquee direction=right width=450 scrollamount=2><a href="对方博客地址" target=_blank><img src="对方图片" width=100 height=100 border=0></a></marquee>

说明:图片的移动链接只要在上一个图片链接代码的基础上在代码前加入移动属性<marquee direction=right width=450 scrollamount=2>代码后加入</marquee>,其中direction=right是图片的移动方向,up / down / right / left 任意添写scrollamount=2为移动速度,数值越小移动越慢。width=450为图片的移动范围,如果做多个图片移动链接,只要把<a href="对方博客地址" target=_blank><img src="对方图片" width=100 height=100 border=0> 加在代码最后</marquee>的前面。更详尽的图片移动方法请看《图片移动跟我学
效果如下:
友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客


四、图框移动链接代码:
<marquee direction=right width=450 scrollamount=2>
<center><TABLE cellSpacing=5 cellPadding=1 width=300  border=1>
<TBODY>
<TR>
<TD><a href="对方1博客地址" target=_blank><img src="对方1图片" width=100 height=100 border=0></a></td>
<TD><a href="对方2博客地址" target=_blank><img src="对方2图片" width=100 height=100 border=0></a></td>
<TD><a href="对方3博客地址" target=_blank><img src="对方3图片" width=100 height=100 border=0></a></td>
<tr><td>对方1名称</td><td>对方2名称</td><td>对方3名称</td>
</tr></TBODY></TABLE></marquee>

说明:这款链接就是把图片链接放入一个表格,分上下两行,第一行的图片与第二行的博客名称相对照。如果想多添加,只要在表格的第一行多加入一格图片<TD><a href="对方4博客地址" target=_blank><img src="对方4图片" width=100 height=100 border=0></a></td>对应的表格第二行也应添加一格名称<td>对方1名称</td>更详尽的表格制作方法请看《十分种学会做表格
效果如下:

友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客 友情链接的制作方法与代码 - Q仔 - Q仔*网易博客
Q仔*网易博客 Q仔*网易博客 Q仔*网易博客 Q仔*网易博客 Q仔*网易博客 Q仔*网易博客 Q仔*网易博客

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多