首页 > 软件开发 > HTML >

html中如何用CSS给一张图片添加超链接

来源:互联网 2023-03-16 19:11:41 167

在html中插入一张图片,怎么给它添加一个地址,做一个超链接呢?wBb办公区 - 实用经验教程分享!

html中如何用CSS给一张图片添加超链接?wBb办公区 - 实用经验教程分享!

工具/原料

  • Dreamweaver CC2018

方法/步骤

  • 1

    首先用DW建立一个网页,并插入一个图片。就会自动生成一段img标签的代码。wBb办公区 - 实用经验教程分享!

    html中如何用CSS给一张图片添加超链接?wBb办公区 - 实用经验教程分享!

  • 1此文章非法爬取自百度经验
  • 2

    然后给img代码添加一个a>/a>标签,套在img代码外。wBb办公区 - 实用经验教程分享!

    html中如何用CSS给一张图片添加超链接?wBb办公区 - 实用经验教程分享!

  • 3

    在a标签中输入链接 href="#" 井号可以输入你想链接的网页地址。wBb办公区 - 实用经验教程分享!

    html中如何用CSS给一张图片添加超链接?wBb办公区 - 实用经验教程分享!

  • 4

    在最后输入target="_blank"。意思是点击图片链接后,会以新网页打开链接。wBb办公区 - 实用经验教程分享!

    html中如何用CSS给一张图片添加超链接?wBb办公区 - 实用经验教程分享!

  • 5

    target一共可以指令_blank _parent _self _top new这几项,输入_self是在原本的网页中打开链接。new也是在新网页中打开,根据自己的需要来设置。wBb办公区 - 实用经验教程分享!

    html中如何用CSS给一张图片添加超链接?wBb办公区 - 实用经验教程分享!

  • 6

    输入完成后保存下网页,并按F12打开网页真是预览下效果,发现图片已经可以点击啦。wBb办公区 - 实用经验教程分享!

    html中如何用CSS给一张图片添加超链接?wBb办公区 - 实用经验教程分享!

  • 7

    点击后就可以直接跳转到您链接的网址中啦。wBb办公区 - 实用经验教程分享!

    html中如何用CSS给一张图片添加超链接?wBb办公区 - 实用经验教程分享!

  • 注意事项

    • 网页中想加链接,一般都是使用a标签来实现的哦

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


    标签: CSSHTML

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