各位大神帮我看下，图片中指定位置为什么没有超链接出现。。按照代码敲的。是因为软件版本的问题么？

最新推荐文章于 2024-07-25 11:26:35 发布

Bego0319

最新推荐文章于 2024-07-25 11:26:35 发布

阅读量297

点赞数

文章标签： html

本文链接：https://blog.csdn.net/Bego0319/article/details/106768862

版权

图片是运行后的图片，下面是源码，但是在原教程中是可以点击的，而且是在指定的区域内鼠标会变成小手。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<img src="https://th.wallhaven.cc/lg/ey/eymzjk.jpg" usemap = "mymap"  width="80%">
	<map name="mymap">
		<!-- area 区域   rect:矩形  circle：圆形  coords:坐标
		矩形需要赋值四个值 对角线的两个坐标-->
		<area shape="rect" coords="0,0,250,250" 
		href = "https://www.baidu.com">
		<area shape="circle" coords="300,300,100"
		href = "https://www.baidu.com">
	</map>
</body>
</html>

求大神带带路。

咳咳咳，问题解决了，按照HTML标签的代码又重新规整了一波，下面附上代码。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<img src="https://th.wallhaven.cc/lg/ey/eymzjk.jpg" 
	border = "0"
	usemap="#mymap" 
	width="80%"
	alt = "Planets">
	<map name="mymap" id = "mymap">
		<!-- area 区域   rect:矩形  circle：圆形  coords:坐标
		矩形需要赋值四个值 对角线的两个坐标-->
		<area 
		shape="rect" 
		coords="0,0,250,250" 
		href = "https://www.baidu.com" 
		alt="" />
		
		<area 
		shape="circle"  
		coords="300,300,100"
		href = "https://www.baidu.com"  
		alt="" /> 
	</map>
</body>
</html>