怎样用HTML代码在图片插入超链接

1、图像链接

图片超链接和文字超链接是一样的，在图像上插入链接：点击图片，跳转页面：<a></a>之间插入<img/>元素。如：<a href="超链接地址"><img src="路径" alt="替代文本"></a>。（如图）

2、局部链接

在某种情况下，我们不希望整张图片加链接。希望的效果是：点击图片某个区域，链接到某地址。是通过map标签和<area>标签结合使用的。如：

(1)、<img src="超链接地址" alt="替换文本"  usemap="#map名称" width="链接区域宽度"  height="链接区域高度"/>

(2)、<map name="map名称" id="id名称"><area shape="描述区域的形状" coords="坐标" href="链接地址" target="打开方式" alt="替换文本" /></map>

扩展资料：

<img>元素向网页中嵌入一幅图像。

img元素的属性：

(1)、src：图片来源URL。

(2)、alt:规定图像的替代文本。

(3)、height和width:单位为像素，如果不指定，则为默认；如果只指定height或width，则自动调整大小。

(4)、ismap ：将图像定义为服务器端图像映射。

(5)、usemap：将图像定义为客户器端图像映射。

(6)、longdesc： 指向包含长的图像描述文档的 URL。

<map>元素定义一个客户端图像映射。

map元素的属性：

(1)、id:为 map 标签定义唯一的名称。

(2)、name:为 image-map 规定的名称。

注意：<img>中的 usemap 属性可引用 <map>中的 id 或 name 属性（取决于浏览器），所以应同时向 <map>添加 id 和 name 属性。

<area>元素定义图像映射中的区域。

area元素的属性：

(1)、alt:规定图像的替代文本。

(2)、shape：用于描述区域的形状，rect\poly\circle\default可选,default指的是还没有被定义的区域。

(3)、coords：指定区域的坐标。比如矩形有4个坐标，前两个是左上角的x,y坐标，后两个是右下角的x,y坐标。

(4)、href和nohref：href指定目的的链接，如果不指定href属性，则需要指定nohref，nohref="nohref"

(5)、target：和<a>标签的作用一样。

注意：area 元素永远嵌套在 map 元素内部。

参考资料：

百度百科-链接图像

问题一：请问如何给图片做超链接。请尽量说详细点。我很菜。 如果要在图片后面加入超级链接，比如点击图片中后就能打开另一个网页，方法是：

在桌面上建一个记事本，在记事本里复制下面的命令：

在网页的图片上点右键查看“属性”就可以看到图片的地址和尺寸，“width”是宽度，“height”是高度。注意，图片的地址是右键单击图片属性得到的！！！

把记事本文档另存为，文件名前面随便起，关键是后缀为htm，例如：123.

另一个关键的地方是，网址前面必需要带，而且，上面的连接网址两边的引号一定要是英文状态下的引号，如果用中文状态下的引号则链接不上！！当然，你也可以所有的引号都不用！这样也行！！

然后可以再桌面上看见刚刚保存的123文件，双击它，打开后，右键复制该图片，粘贴到你要插入图片的地方就行了！以后只要单击该图片，就能自动连接到你想要链接的网页了！

注意，刚刚在桌面上双击打开123文件后，请不要左键单击图片，否则，它会自动连接到你要打开的网页上，当然，我们也可以用这个方法来验证一下你输入的代码是否正确，若正确，则能正确链接你要打开的网页。

下面的图片就是一个例子，单击图片后会链接到我的主页，呵呵！

另外，我发现有些朋友问我为什么有些论坛和贴吧或者自己的空间都不能给图片添加超链接，我只能说连这个最古老的敲代码的方法都不行，那我就帮不到了，但是，或许你会看见有人在这些论坛或贴吧给自己的图片做链接，这样方法无非有三种，一种是以付费的方式获得的，这种情况你可以到google或百度上搜搜就知道了；另一种是用黑客破解的方法获得的，如果有人想研究这方面的东西，我这里有个视频文件可以教你，但是不是我做的，是黑鹰安全网的一位黑客前辈做的，我也不是很懂，所以，大家可以自己研究，关于百度贴吧图片跳转，点一下就是它的下载链接了，呵呵；第三种就是虽然可以免费得到，但是要为别人做点广告，这个就有点麻烦了，具体的我也没玩过，只是看到过，但是应该可以的，感兴趣的可以到Google或者百度搜就是了。

如何改变图像大小？

方法是：,比如：

如果不改变图片的宽度和高度比例的话，可以只填宽度数字或者比例，如width=50%，这样比较简单，方法是：

参见：apps.hi.baidu/share/detail/31974940

问题二：HTML如何设置图片超链接，代码要怎么写？ 跟普通链接一样，只是将文字部分换成图片，类似于

问题三：怎样在图片上设置超链接 是否支持html？如果支持，可以使用如下代码：

如果不支持，那么需要使用其它网站的相关功能。

问题四：用PS做一个有超链接的图片怎么做？ 如果你是想在网页上点击小图时出超链接，要用到frontpage这样的网页制作哗序，加超链接，PS是用不起来的，另外图片的处理，不会PS的话可以试着直接在FrontPage里叠加。

问题五：百度相册里的图片怎么做超链接 百度相册里有一个美化照片的功能，点击文字一项，就可以在图片上写字了

制作图片超链接

新建一文本文件，在其中输入如下所示的内容：

其中“href”指向目标网页，“src”代表图片的位置。

打开“我的电脑”，点击“组织”->“文件夹和搜狗选项”项进入。

在“查看”选项卡中，取消勾选“隐藏已名文件名的扩展名”项，点击“确定”按钮。

接着将该文本文件的后辍改成“html”，如图所示：

然后双击打开该网页文件，通过点击“照片”就可以转向指定的网页啦。

问题六：Dreamweaver如何进行图片局部超链接？ 1.局部图片超链接用热点：

/

/

a.点击你要设置链接的图片，从左下角 地图 的三个图标中选择一种 热点工具 。

/

/

b.在图片中选取你要截图的点,比如下图的D处。

/

/

c.选取后在下方属性中选择链接，图片局部超链接完成。

/

/

/

/

2.点击链接后跳转新页面，而不是替换当前页。

这个简单只要你把链接下的目标设置成 _ blank 即可，如图。

/

/

/

/

问题七：一张图片如何做两个链接 在dreamweaver里面，你先选钉这个图片，然后你在属性里就可以看到，可以画热点你在这个图上画两个热点就可以了啊

分别给他们给上不同的连接就可以了

问题八：ps怎么做图片和文字超链接？ PS只可以处理图片，文字超链接在Dreamweaver里可以加，当然你在QQ空间的日志里也可以给文字加链接的。 追问： 那在图片加可以的吗？如果可以，具体怎样？谢谢... 回答： 打开DREAMWEAVER，新建一个html格式的文件，然后点 菜单-编辑-插入图像 插入你的图像后，在DREAMEWAVER里选中图像就可以添加 超级链接 了。

问题九：如何用PS做带链接的图片呢？ 1、先选择切片工具

2、在图片上将需要加连接的部分分割出来

3、切割完之后，右击需要加连接的部分，选择编辑切片

4、在URL一栏输入网址，点击确定

5、点击文件―――存储为web所用格式

6、点击下方的存储按钮

7、选择HTML和图片格式，再点击保存

8、在输出的文件中找到html文件，双击打开

9、用鼠标点击加了链接的部分

10、就可以跳转到相应的网页了

问题十：怎么在淘宝上添加一张图片，图片里面有多个超链接？ jingyan.baidu/article/91f5db1bef00e81c7f05e38d

看了这个你就知道了

图片上设置的超链接区域就是，整个图片中点击其中一部分可以跳转图片链接的网页的图片区域。一般来说图片是网站的重要组成元素,有的时候,我们需要给图片的某区域加超链接,从而实现类似于下载等 *** 作，这就需要图片上设置超链接区域了。一般步骤如下：1.安装并启动dreamweaver；2.进入设计视图；3.插入图像；4.选择需要局部设置超链接的图片(期间,直接点确定即可)；5.切换到拆分视图,鼠标点击图片,选中。此时,会在下面属性看到图像热点区的三种工具；6.根据需要,我们点击第一个图标,矩形热点工具。此时会看到鼠标变成一个十字形；7.在需要设置超链接的区域,进行框选；8.选中完成之后,在下面属性,链接处输入链接地址(或者粘贴链接地址)；9.按下ctrl+s保存文件,按下F12进行测试,此时可以看到,刚才框选的矩形区域已经变成了可以点击的超链接形式了；10.接下来要做的，就是将dreamweaver里面代码粘贴到网站html文件的适当位置即可。

---