php+点击图片跳转网页,怎么在图片上加超链接 点击图片跳转到指定网页

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

效果预览

狂戳图片查看效果

2b40afd8fa4dd3094e2eeb0373eb2452.png

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

f9a08e5a03180a1d1b10a8447b020069.png

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

0c4671be695bd1f2717c1c510f9e04a3.png

我们先来设置要跳转的网页地址。首先打开一个要跳转的网页,然后复制网页地址栏上面的地址,接着粘贴到记事本中相应的位置。大家可以根据下面的图示来进行相关的操作。

8bb68d783c77d4185c0c967f4ce0f7c5.gif

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

2e039b6d999f22bee760b8af116c0f39.gif

因为命令中的地址前面必须要带有http://,所以本地电脑上面的图片没办法直接作为超链接的图片,那如果要用到本地图片作为超链接图片该怎样办呢?这时就要用到百度网盘了,先把相应的图片素材上传到百度网盘,然后右击该图片,在弹出的菜单中选择“分享”。

b006e63988a97f598de998014d27e3c1.png

这时会弹出一个新的界面,点击界面上的“创建公开链接”,等相应的链接地址显示后再点击“复制链接”。接着再把刚刚复制的链接粘贴到记事本的相应位置就行了。

37dfa032a097f3890b04955438fd7c02.png

接着来设置图片的边框、图片宽度以及图片高度。border表示图片边框,width表示图片宽度,height则表示图片的高度。图片边框一般设置为0,图片宽度和高度大家可以根据自己的需要进行设置。右击图片选择属性,可以查看相应的参数信息。

65db006f4900e9e2ac7f3ec140df37b4.png

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

011b04980e2fdd86470c202d8bd292d9.png

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

8d9f6f206982408ffac1a919d4d0b355.png

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

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

(领导说了,分享本文一次小编工资涨0.5元)

为了感谢你帮小编分享,推荐你一个学习小视频制作的方法 >>

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值