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

矫情吗；* 2023-02-17 03:56 28阅读 0赞

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

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>创建图片</title>
    		
    		
    		<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">
    			
    			<area href="嵌入图片与创建分区响应图.html" shape="rect" coords="0,0,65,44">
    		</map>
    		
    		<form>
    		<input type="image" src="image/jiansheng1.jpg" width="200px" height="130px"/>
    		</form>
    		<a><img src="image/jiansheng1.jpg" width="200px" height="130px" usemap="#map2"></a>
    		<map name="map2">
    			<area href="嵌入图片与创建分区响应图.html" shape="circle" coords="100,63,63"/>
    		</map>
    		
    	</head>
    	<body>
    	</body>
    </html>

文章仅供参考

发表评论取消回复

表情：

评论列表（有 0 条评论，28人围观）

还没有评论，来说两句吧...

相关阅读

相关 web前端学习6-2-html音频

html音频咱们这个音频也不是多大内容，基本操作会就行了 <!DOCTYPE html> <html> <head> <meta

你的名字/ 2023年02月17日 03:57/ 0 赞/ 40 阅读

相关 web前端学习6-1-html视频

学习6-html视频 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

小灰灰/ 2023年02月17日 03:56/ 0 赞/ 27 阅读

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

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

矫情吗；*/ 2023年02月17日 03:56/ 0 赞/ 29 阅读

相关 web前端学习3-HTML表格

学习3-html表格详解 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

约定不等于承诺〃/ 2023年02月17日 03:56/ 0 赞/ 40 阅读

相关 web前端学习2-html表单

学习2-表单表单1 <!DOCTYPE html> <html> <head> <meta charset="utf-8">

r囧r小猫/ 2023年02月17日 03:55/ 0 赞/ 132 阅读

相关 web前端HTML学习指南

Web前端也是现在比较热门的一个行业，而且相对于其他的编程语言来说，HTML更加的通俗易懂。今天，web前端培训的小编就来给大家说一说，web前端HTML学习指南。要学习H

你的名字/ 2022年11月17日 10:24/ 0 赞/ 345 阅读

相关【响应式Web前端设计】new Option()函数的作用（三区联动）

在做三级联动的时候遇见了这个函数，对函数的用法进行一下小总结，不太详细，敬请谅解。作用：用于创建一个新的选项 Option()构造函数接受两个参数：文本(text)和值

布满荆棘的人生/ 2022年11月15日 14:12/ 0 赞/ 162 阅读

相关【响应式Web前端设计】HTML DOM padding 属性

定义和用法 padding 属性设置元素的内边距。 padding 属性定义元素边框与元素内容之间的空间。该属性可采取 4 个值：如果规定一个值，比如 div \

刺骨的言语ヽ痛彻心扉/ 2022年11月14日 00:59/ 0 赞/ 410 阅读

相关【响应式Web前端设计】HTML+CSS3 旋转齿轮特效

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <me

朱雀/ 2022年10月15日 11:58/ 0 赞/ 261 阅读

相关 Web前端学习（1）_html

Web前端学习（1）\_html HTML入门 1.引入 > 1.1 软件结构分类： > > （1）C-S结构（Client - Server 客户端-服务器端） >

傷城~/ 2022年06月14日 06:42/ 0 赞/ 317 阅读