HTML常用标签之"地图"标签_html-js-css

概述六. "地图"标签简介: 这个和上一章的图像标签一样, 都属于简单容易理解的, 所谓的地图标签就是在原本的图像上添加了地图上坐标的概念, 使得图像上不同的坐标位置点击时可以有不同的跳转页面跟上一章一样, 直接上码了&lt!DOCTYPE html&gt&lthtml&gt &lthead&gt &lttitle&gt

6. "地图"标签

简介: 这个和上1章的图象标签1样,都属于简单容易理解的,所谓的地图标签就是在本来的图象上添加了地图上坐标的概念,使得图象上不同的坐标位置点击时可以有不同的跳转页面

跟上1章1样,直接上码了

<!DOCTYPE HTML><HTML> <head> <Title>地图标签</Title> <Meta charset="utf⑻"> <Meta name="keywords" content="keyword1,keyword2,keyword3"> <Meta name="description" content="this is my page"> <Meta name="content-type" content="text/HTML; charset=UTF⑻">  </head> <body> <a href="Main.HTML">返回主页</a><br> <img src="Image/beacon.jpg" usemap="#mymap" border=5/> <map name="mymap">  <area shape="rect" coords="0,100,200" href="http://www.baIDu.com" target="_blank">  <area shape="circle" coords="0,200,400" href="http://www.csdn.net" target="_blank"> </map> </body></HTML>

运行结果:

点击下图蓝线内的任意位置,打开百度网页

点击下图蓝线内的区域进入CSDN页面

总结

以上是内存溢出为你收集整理的HTML常用标签之"地图"标签全部内容，希望文章能够帮你解决HTML常用标签之"地图"标签所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: https://outofmemory.cn/web/1017499.html