Html之Img的用法_alt_使用热点链接_实例

最新推荐文章于 2025-07-23 08:44:15 发布

原创最新推荐文章于 2025-07-23 08:44:15 发布 · 1.8k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

Html-Css

当前文章被收录于：

Html-Css

51 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了 HTML 中 img 标签的 alt 属性及 usemap 属性的应用，包括如何设置图片的替代文本以增强可访问性，以及如何定义图片上的热点区域来创建交互式的链接映射。

<html>
	<head>		
		<title>alt用法</title>
	</head>
	<body>		
		<img src="html.jpg" alt="风景" width="400px" height="300px">
	</body>
</html>

alt会产生提示，但是搜狗没有这个功能，ie才可以,出现了不兼容的问题

<html>
	<head>		
		<title>映射图链接</title>
	</head>
	<body>
<img src="html.jpg" usemap="#face">
		<map name="Face">
   			<area shape="rect"  href="page.html" coords="140,20,280,60">
   			<area shape="poly"  href="image.html" coords="100,100,180,80,200,140">
   			<area shape="circle" href="new.html"  coords="80,100,60">
		</map>
</img>
</body>
</html>

4 此处定义了三个热点，注意img使用了map