html创建图像映射：

最新推荐文章于 2022-09-07 11:43:15 发布

Cardring

最新推荐文章于 2022-09-07 11:43:15 发布

阅读量1.2k

点赞数 2

分类专栏： html

本文链接：https://blog.csdn.net/weixin_43141623/article/details/102517812

版权

HTML图像映射允许在图像上定义多个可点击区域，每个区域链接到不同地址。通过设置如rect、circle、poly等指令，可以创建矩形、圆形和三角形等形状的链接区域。

摘要由CSDN通过智能技术生成

html创建图像映射：
图像映射是指一个图像可以建立多个链接，就是在图像上面自定义多个区域，每个区域连接到不同的地址。
效果如图：(可以直接分别点击三个几何图形观察效果)
在这里插入图片描述
比如点击矩形：

点击矩形区域效果图
代码实现：


<body>
<img src="E:\test\all.jpg"  alt="几何图" usemap="#geometry"/>
<map name="geometry">
        <area shape="rect" coords="190,63,307,133" href="E:\test\rectangle.jpg" target="_blank">
        <area shape="circle" coords="250,233,50" href="E:\test\roundness.jpg" target="_black">
        <area shape="poly" coords="250,344,195,434,300,434" href="E:\test\triangle.jpg" target

最低0.47元/天解锁文章

Cardring

关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
0
评论
html创建图像映射：

html创建图像映射：图像映射是指一个图像可以建立多个链接，就是在图像上面自定义多个区域，每个区域连接到不同的地址。效果如图：(可以直接分别点击三个几何图形观察效果)比如点击矩形：代码实现：<body><img src="E:\test\all.jpg" alt="几何图" usemap="#geometry"/><map name="geome...
复制链接

扫一扫