网页创建图像映射

 时间:2024-10-12 00:15:28

1、图像映射也就是图像的地图,图像地图首先要创建一个整体图像,地图就是每个区域的详细信息,使用<img>标签创建一个太阳系的地图

网页创建图像映射网页创建图像映射

2、使用<map>标签定义地图,name参数定义地图名,与上面的整个图像的usemap名称相同

网页创建图像映射

3、使用<area>标签定义地图的每个部分

网页创建图像映射

4、在<area>标签中有几个常用的属性,第一个是定义区域的形状shape有三个基本参数rectangle \circle\polygon,在使用过程可以取前四个字母,也可以全称

网页创建图像映射

5、<area>的第二个参数就是坐标coords,根据不同的形状有不同的坐标样式,例如圆(x,y,r)分别代表圆心坐标和半径

网页创建图像映射

6、<area>还有提示语功能,添加alt属性用于提示

7、最后使用href参数,点击对应的区域进入对应的链接

网页创建图像映射网页创建图像映射网页创建图像映射

8、总结: 使用地图映射,首咸犴孜稍先使用<img>定义图片.参数usemap定义地图名 其次使用<map>定狲辍嗨嘴义地图和名称 最后使用<area>定义区域

  • 如何在会声会影上添加一条覆叠轨
  • 陶艺店加盟会提供哪些服务?
  • JQ实现tab切换效果过程分析
  • PPT中如何打开自定义动画窗口并设置动画效果
  • Windows Server 2012 R2怎么配置为DNS服务器?
  • 热门搜索
    耳鸣是什么原因 清明节有什么禁忌 五毛是什么意思 什么是互联网 5月19日是什么星座 结息是什么意思 粉刺是什么样子图片 圆脸适合什么发型女 k金是什么金 什么醒酒