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

 时间:2026-04-22 21:33:24

1、首先用DW建立一个网页,并插入一个图片。就会自动生成一段img标签的代码。

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

2、然后给img代码添加一个<a></a>标签,套在img代码外。

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

3、在a标签中输入链接 href="#" 井号可以输入你想链接的网页地址。

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

4、在最后输入target="_blank"。意思是点击图片链接后,会以新网页打开链接。

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

5、target一共可以指令_blank _parent _self _top new这几项,输入_self是在原本的网页中打开链接。new也是在新网页中打开,根据自己的需要来设置。

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

6、输入完成后保存下网页,并按F12打开网页真是预览下效果,发现图片已经可以点击啦。

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

7、点击后就可以直接跳转到您链接的网址中啦。

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

  • 如何在IntelliJ IDEA中导入mysql的驱动jar包
  • 用VB6.0找出100以内的无暇素数
  • FrontPage技巧:[15]如何在网页中制作表格框架
  • 通过代码控制div移动
  • 肌肉的力量与耐力均衡吗
  • 热门搜索
    炒白萝卜怎么做好吃 螨虫怎么治疗 家常菜的做法大全家常炒菜 qq找回密码的方法 你看起来很好吃国语版 活螃蟹怎么保存 眼睛凹陷怎么办 好吃的鱼 家常烧茄子 糖醋白菜的家常做法