如何在html中添加的图片上设置超链接

发布网友发布时间：2022-03-26 01:35

我来回答

共6个回答

热心网友时间：2022-03-26 03:04

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html，编写问题基础代码。

2、在index.html中的<body>标签中的<img>标签代码替换为：<a href="//zhidao.baidu.com"><img src="small.png"></a>。

3、浏览器运行index.html页面，此时图片上被设置了超链接。

热心网友时间：2022-03-26 04:22

在源代码里面找到那张要添加图片的链接，例如：<img src="aaa.jpg" />

把图片添加到超链接A标签里面，例如：<a><img src="aaa.jpg" /></a>

设置点击图片要达到的链接地址，例如：<a href="链接地址"><img src="aaa.jpg" /></a>

这样点击图片就能访问指定的链接了。

完整的代码如图所示：

热心网友时间：2022-03-26 05:57

用a标签来实现
<a href="链接的地址"><img src="图片的URL" width="图片的宽度" height="图片的高度" border="边框"></a>
定义和用法
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性，它指示链接的目标。

热心网友时间：2022-03-26 07:48

把图片套在a标签里就是 <a href=""><img src=""/></a>

热心网友时间：2022-03-26 09:56

在一个<a>标签中加上一个<img>标签内容，即可让该<img>拥有一个超链接：
<a href="www.baidu.com">
<img border="0" src="/i/eg_buttonnext.gif" /></a>

热心网友时间：2022-03-26 12:21

通过将img嵌套在含有超链接的a便签里面，实现图片超链接，参考链接：

网页链接

全部栏目

如何在html中添加的图片上设置超链接