通过html<map>标签给图片加链接
教程管理员 发布于2023-09-27 17:01 HTML教程 130
简介:
前面我们有谈到了通过图片定位给一张图片添加多个链接,现在用另外一种方法来实现,用html标签给图片加链接
shape 属性为 "rect",表示方形,该值规定矩形左上角坐标(798,298)和右下角的坐标(956,340)。
前面我们有谈到了通过图片定位给一张图片添加多个链接,现在用另外一种方法来实现,用html<map>标签给图片加链接
<img src="/images/hlj.jpg" border="0" usemap="#Map" alt=""> <map name="Map" id="Map"><area shape="rect" coords="798,298,956,340" href="/dot.html" /> </map>
shape 属性为 "rect",表示方形,该值规定矩形左上角坐标(798,298)和右下角的坐标(956,340)。
参考资料:
<area> 标签
http://www.w3school.com.cn/tags/tag_area.asp
http://www.w3school.com.cn/tags/att_area_coords.asp
方形和圆形案例http://www.w3school.com.cn/tiy/t.asp?f=html_areamap
相关推荐
- 03-17 自己填充图片的大气欧美风商务工作汇报Office PPT免费模板背景素材下载
- 03-16 自己填充图片的星空背景大气欧美风Office PPT免费模板背景素材下载(100P)
- 03-08 清新简约图片应用商务Office PPT免费模板背景素材下载
- 03-06 环保主题标签——绿色环保简约清晰Office PPT免费模板背景素材下载
- 03-02 自己填充图片大气欧美风商务工作汇报Office PPT免费模板背景素材下载
- 02-02 退伍军人应聘求职简历封面图片_简介doc文档Word模板下载
- 01-15 教师个人应聘求职简历封面图片_简介doc文档Word模板下载
- 10-04 在HTML中取得请求中的参数
- 10-04 SharePoint 2013 母版页取消和HTML页关联
- 10-04 29行代码使用HTML5 Canvas API绘制一颗红心
- 控制面板
- 友情链接
- 最近发表
-
- 涂鸦而不乱简约艺术主题Office PPT免费模板背景素材下载
- 有创意的情人表白动态贺卡Office PPT免费模板背景素材下载
- 绿色简约技能竞赛电力Office PPT免费模板背景素材下载
- 极简几何商务蓝年终总结汇报Office PPT免费模板背景素材下载
- 蓝橙简约商务年终总结汇报Office PPT免费模板背景素材下载
- 绿色清新教育风课堂教学通用Office PPT免费模板背景素材下载
- 潮流复古艺术感年终总结Office PPT免费模板背景素材下载
- 浅绿商务风工作总结报告Office PPT免费模板背景素材下载
- 大气简约时尚年终总结汇报Office PPT免费模板背景素材下载
- 喜庆春节风公司年终誓师表彰大会Office PPT免费模板背景素材下载
- 最新留言
-