首页 > 软件开发 > HTML >

html用图片做链接

来源:互联网 2023-03-16 19:11:02 315

很多网页中我们都可以看到,不小心点击图片都会跳到另一个页面,图片链接有时候也不单单是一张图片,我们也可以做成点击的链接K3F办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • Dreamweaver

方法/步骤

  • 1

    很多网页中我们都可以看到,不小心点击图片都会跳到另一个页面,图片链接有时候也不单单是一张图片,我们也可以做成点击的链接K3F办公区 - 实用经验教程分享!

  • 1本页面未经授权抓取自百度经验
  • 2

    首先还是先写链接标签,代码如下K3F办公区 - 实用经验教程分享!

    a href="#">/a>K3F办公区 - 实用经验教程分享!

    html用图片做链接K3F办公区 - 实用经验教程分享!

  • 3

    我们做文字链接的时候是把链接包裹文字的,K3F办公区 - 实用经验教程分享!

    代码如下K3F办公区 - 实用经验教程分享!

    a href="#">百度/a>K3F办公区 - 实用经验教程分享!

    html用图片做链接K3F办公区 - 实用经验教程分享!

  • 4

    同样的道理,我们这也可以把文字部分换成图片就行了,该怎么换,K3F办公区 - 实用经验教程分享!

    代码如下:K3F办公区 - 实用经验教程分享!

    a href="#">img src="1.png">/a>K3F办公区 - 实用经验教程分享!

    html用图片做链接K3F办公区 - 实用经验教程分享!

  • 5

    需要连接到哪个网页就直接把#改成链接到的地址即可,如下链接到百度K3F办公区 - 实用经验教程分享!

    代码如下:K3F办公区 - 实用经验教程分享!

    img src="1.png">K3F办公区 - 实用经验教程分享!

    html用图片做链接K3F办公区 - 实用经验教程分享!

  • 6

    在浏览器显示如图所示,当用户点击图片的时候就可以直接跳转到百度了K3F办公区 - 实用经验教程分享!

    html用图片做链接K3F办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!K3F办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码