web前端学习4-html图形响应区

最新推荐文章于 2024-10-05 06:12:02 发布

修罗_

最新推荐文章于 2024-10-05 06:12:02 发布

阅读量182

点赞数

分类专栏： web前端新手必看16篇文章标签： html

本文链接：https://blog.csdn.net/weixin_45843676/article/details/106713494

版权

本文介绍了如何在HTML中创建图形响应区，实现点击超链接时的图形块效果，通过自定义代码提升网页美观度。

摘要由CSDN通过智能技术生成

学习4-html创建图形响应区
创建图片响应区是当我们点击超链接时的图形区域块，这个可以根据我们的代码来设置图形区域，从而实现美观的效果

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>创建图片</title>
		<!-- src是路劲，alt是当加载图片失败显示时显示的内容 -->
		<!-- a标签里面可以放任何东西 -->
		<a href="嵌入图片与创建分区响应图.html" target="_blank">
		<img src="" alt="图片加载失败">
		</a>
		<!-- 用来获取图片坐标点 -->
		<form>
		<input src="image/test.png" type="image" alt="图片加载失败" width="200px" height="140px"/>
		</form>
		<!-- 以下是分区响应图 -->
		<!-- 矩形 -->
		<a><img src="image/test.png" width="200px" height="140px" usemap="#map1"></a>
		<map name="map1">
			<!-- coords值是获取图片顺时针左上右下四个坐标点 -->
			<area href="嵌入图片与创建分区响应图.html" shap