手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

html给图像做超链接 地图索引

时间:2024-10-12 15:56:42

如何给网页中的图片加上超链接 如何给图片做地图索引,使得按上图片的不同部分会链接到不同的网页。

操作演示

1、给图片添加超链接,要在img外加上<a hre酆璁冻嘌f="url"></a>,注意区分本地网页还是要上网才能浏览的网页。

html给图像做超链接 地图索引

2、如果要设置图片地图索引,可以用代码实现,不过比较推荐用dreamweaver,因为实在是太方便了,我们做好了之后可以去分析下代码。首先百度搜索,下载dreamweaver。

html给图像做超链接 地图索引

3、然后在dremweaver中打开html文件。

html给图像做超链接 地图索引

4、选中图片,下面有地图选项,点击图形并在图片上选好位置,添加超链接地址。

html给图像做超链接 地图索引
html给图像做超链接 地图索引

5、让我们看看加了地图索引的代码是怎么样的吧,其实相当于加上了一个map标签。

html给图像做超链接 地图索引
© 手抄报圈