加载中…
个人资料
  • 博客等级:
  • 博客积分:
  • 博客访问:
  • 关注人气:
  • 获赠金笔:0支
  • 赠出金笔:0支
  • 荣誉徽章:
正文 字体大小:

图片超链接常用代码

(2010-08-28 21:10:03)
标签:

常用代码

it

分类: 博客通用代码

图片超链接:

<a href="网址" target="_blank"><img src="图片" width="宽度" height="高度" alt=" 说明"
 border="0"></a>

文字超链接:  

 <P><A href="网址" target=_blank>文字</A></P>
<DIV></DIV>
<DIV></DIV>

把以下代码加在已经存在的面板里(想选那种方式就加那段代码,不要全部都加):
让链接变色

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>

                                            

增加链接的力度—即字体变大

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>

                                           

触到链接是出现虚线

代码:<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>

                                            

会移动的链接

代码<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>

                                  

给链接添加背景色

<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF; }
</STYLE>

注意:color颜色自己设定,把以上蓝色地方换成你喜欢的颜色代码

(记住:所有的代码发在日志上是不可以的!一定要在发表日志下面点一下下

面那个 <代码> ,再复制上代码.然后再点一下《代码》回到正常发表日志页面上,

然后再进行写文章等操作)     

一、在摘要中插入图片:

1、不带链接的图片:

<IMG src="图片地址">

2、带链接的图片:

<TABLE cellSpacing=0 width=400 border=0><TBODY><TR>

<TD width=219><A href="文章地址" target=_blank><IMG alt="点击图片查看全文" src="图片地址" border=0></A></TD>

<TD width=177><P>&nbsp;</P>

<P>&nbsp;</P></TD></TR></TBODY></TABLE>

3、带链接、带说明文字的图片:

<TABLE cellSpacing=0 width=600 border=0>

<TBODY><TR>

<TD width=300><A href="http://www.sunmood.com/ewebeditor/文章地址" target=_blank><IMG alt="点击图片查看详&#13;&#10;&#13;&#10;细" src="http://www.sunmood.com/ewebeditor/图片地址" border=0></A></TD>

<TD width=217>

<P>说明文字</P>

<P>说明文字<BR></P>

<P>&lt;点击图片看详细&gt;</P></TD></TR></TBODY></TABLE><BR>

 4、带链接的图片:

<a href="网址"></a>

<description><div> <a href="网址同上">

<img src="图片地址" border="0" width="240" height="159"/> </a>

5、带链接的图片:

</a> <a target="cont" href="地址"><img src="图片地址" width="100"

height="100" border="0"></a>

 二、文字链接:

1、<a href="所要连接的相关地址">写上你想写的字</a>

2、<b><a href="连接地址" target=_blank><font color=red>写上说明文字</font></a></b><br>

 三、在主页自定义中贴图:

1、<img height="260" src="图片地址" width="180" border="0" />

0

阅读 收藏 喜欢 打印举报/Report
  

新浪BLOG意见反馈留言板 欢迎批评指正

新浪简介 | About Sina | 广告服务 | 联系我们 | 招聘信息 | 网站律师 | SINA English | 产品答疑

新浪公司 版权所有