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

聚贤堂博客

.

 
 
 

日志

 
 

制作带链接的图片的代码  

2008-01-17 10:02:30|  分类: 教程 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

 

 

 
 

 

 

点击图片即可到你要的网址:代码如下:

 


 <A href="要链接到的地址" target=_blank><IMG src="图片地址" border=0></A>

 


比如图片的地址http://www.google.cn/intl/zh-CN/images/logo_cn.gif


你要链接的地址,比如http://www.google.cn


 

这样子写:

 

<A href="http://www.google.cn" target=_blank><IMG src=http://www.google.cn/intl/zh-CN/images/logo_cn.gif

  border=0></A>

 

效果如下:

 

怎么样?快到你的网易博客,把代码复制,修改成你的图片和链接,即可。

 

图片的大小可以用鼠标拖拉的。。。。

 

如果想精确控制图片的大小,可以用width=宽度数值 height=高度数值 ,加入到<img 后面即可

 

比如你想让图片宽度88,高度31,那么

 

代码是:<A href="http://www.google.cn" target=_blank><IMG src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" width=88 height=31 border=0></A>

 

效果如下:

 

 

如果想要让图片有边框的话,可以设置border的数值,比如设置为1.

代码:  <A href="http://www.google.cn" target=_blank><IMG src="http://www.google.cn/intl/zh-CN/images/logo_cn.gif" width=88 height=31 border=1></A>

效果:  

 

怎么样?懂了么?

 

                                                      

 

 

 

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

历史上的今天

评论

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

页脚

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