图片上加超链接的方法,实现点击图片跳转到指定网页

  在一些论坛、博客或者是一些网站浏览图片的时候会发现一个问题,就是当你不小心点击某一张图片后会自动跳转到另一个网页的界面,或者你必须要有网络空间和域名才可以这样实现图片加链接。这样做的目的其实是为了宣传、推广该网页,也达到一个引流的效果,我们也可以利用这样的方法来推广自己的产品。该方法的原理就是给图片添加超链接,图片加超链接的方法其实很简单,一个记事本文件、一个链接的网址、一张图片,即可达到想要的效果。

 
狂戳图片查看效果:
 
 
 
       

     

  首先需要新建一个记事本文件。桌面空白处右击,在弹出的菜单中选择“新建文本文档”。

  建立记事本文件后把相应的程序命令复制粘贴进去,程序代码我已经上传了,大家可以在上面的地址进行下载。命令其实很简单,一个表示要跳转的网页地址,另一个表示图片所在的地址,最后的一个则表示图片的边框、图片宽度以及图片的高度。

 
代码如下:  <a> </a>  标签里面是跳转网站的地址   img 标签是 图片地址
 
 
 
<a href="http://www.zj123.com">
    <img src="http://www.zj123.com/img/logo.jpg" border="0" width="220" height="100">
</a> 

 
 

  我们先来设置要跳转的网页地址。首先打开一个要跳转的网页,然后复制网页地址栏上面的地址,接着粘贴到记事本中相应的位置。

  跳转地址设置好之后现在来设置图片的地址。在网页中找到所需要用到的图片素材,然后右击该图片,在弹出的菜单中选择“复制图片地址”。然后打开新建的记事本文件,把刚刚复制的地址粘贴到相应的位置即可。

  所有的命令都设置好之后现在对记事本文件进行保存。选择“文件”菜单下面的“另存为”,在弹出的另存为对话框中设置保存的位置、名称以及保存类型,最后单击保存即可。这里要注意一点,保存文件名称的后缀名一定是要为.htm。

  我是保存在桌面上的,所以现在在桌面上就会看到一个后缀名为.htm的文件,双击打开该文件(我这里是用IE浏览器打开的),在浏览器的页面上就会显示相应的图片内容,直接点击该图片会进入到之前设置的要跳转到的网页上面。右击该图片,在弹出的菜单中选择“复制”,然后粘贴到要插入图片的位置,以后只要点击该图片就会跳转到自己想要链接的网页了。

  IE浏览器不知道为什么变成英文的了,设置浏览器的显示语言都没用,所以大家上面看到的是英文菜单,大家自己在操作的时候直接右击选择复制就行了哈。建议大家先在IE浏览器打开一个网页,然后再打开后缀名为.htm的文件,这样就不会产生错误了,不过也可能是我的浏览器的原因哈。

  以上就是今天关于怎样给图片加超链接的相关操作了。大家在编辑命令的时候一定要输入正确的网页地址和图片地址,而且命令中所有的引号一定要是英文状态下的引号,不然会出现链接不成功的情况。

 
 
发布了104 篇原创文章 · 获赞 574 · 访问量 15万+

猜你喜欢

转载自blog.csdn.net/LQZ8888/article/details/103049945