网页创建图像映射

 时间: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服务器?
  • 热门搜索
    初中英语手抄报版面 争当四好少年手抄报 爱国手抄报花边 手抄报简笔画图案 走进汉字王国手抄报 反对邪教手抄报图片 数学手抄报版面设计 美文欣赏手抄报 森林防火手抄报内容 感恩教育手抄报内容