html热点区域确定坐标,html图片热点连接区域上的坐标是如何定位的？

通过和以及三个标签一起使用，可以在html页面中插入图片，并在该图片上创建一个或多个不同形状区域的热点链接，点击热点区域可以跳转到指定的其他页面。那么， 我们今天就学习一下，如何定位图片热点区域上的坐标呢？

一、如何确定原点

html中的图像热点区域上的坐标，都是以该图片左上角为原点的，其坐标是(0,0)。

二、如何确定某点的坐标

从原点开始，向右的方向是X轴，向下的方向为Y轴，图像上的任意一点的坐标用(x,y)来表示，X表示该点到Y轴的水平距离，而Y表示该点到x轴的垂直距离。

比如，下图中的A点坐标是(200,150)，其中，X=200，是A点到Y轴的水平距离，即A点到图片左端的距离；Y=150，是A点到X轴的垂直距离，即A点到图片顶端的距离；

三、找某点坐标的方法

今天就介绍一个简单的方法，通过设置 标签的ismap属性的方式获得某点的坐标，方法如下。

1、首先，新建一个html文档页面，在body区域插入如下代码：

注意：只有当 标签属于带有有效 href 属性的 元素的后代时，才允许 ismap 属性。

2、设置属性ismap="ismap”后，我们就可以在浏览器中打开该html文档页面，然后，将鼠标移动到任意一点进行点击，即可在浏览器的地址栏中获得该点的坐标值；

而在下图的例子中，我们用鼠标点击的位置是A点，所以，我们就直接将鼠标移动到A点并点击，就可以在浏览器的地址栏中看到A点的坐标值是(200，150)。

如果我们不用鼠标点击图片中的A点，浏览器中的地址栏是不会出现A点坐标的，所以，别忘记了，用鼠标点击想要获得坐标的点。