<!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>分区链接图片</title>

 </head>

 <body>

 <h4>定义图片，使用指定的图片映射</h4>

 <img src="data:images/logo.jpg"  width=300 alt="卡通logo" height="120" border="0" usemap="#test"><br/>

 <!-- 定义图片映射-->

 <map name="test" id="test">

     <!--为图片映射定义两个区域-->

     <area shape="circle" coords="57,55,25" href="http://www.baidu.com" alt="百度">

     <area shape="poly" coords="188,28,185,50,200,74,224,72,246,51" href="http://taobao.com" alt="淘宝">

 </map>

 <h4>制定ismap属性后可将点击坐标提交给服务器</h4>

 <a href="http://www.baidu.com">

     <img src="data:images/katong.jpg" width=300 height=200 ismap alt=卡通logo">

 </a>

 </body>

 </html>





												


											
html5之img标签的更多相关文章
	

    
						
  1. html5语义化标签使用规范
		
    Html5添加了很多语义化标签,一个典型的html5页面结构可以如下安排 一.使用案例 1. 头部——header和nav标签 header头部,body下的直接子元素header一般用于放页面的介绍 ...
    
		
    2. 
						
  2. HTML5 Audio/Video 标签,属性,方法,事件汇总
		
    HTML5 Audio/Video 标签,属性,方法,事件汇总 (转) 2011-06-28 13:16:48   <audio> 标签属性:src:音乐的URLpreload:预加载au ...
    
		
    3. 
						
  3. HTML5部分新标签属性及DOM扩展元素
		
    HTML5定义了一系列新元素,如新语义标签.智能表单.多媒体标签等. 我们日常讨论的H5其实是一个泛称,它指的是由HTML5 + CSS3 + Javascript等技术组合而成的一个应用开发平台.  ...
    
		
    4. 
						
  4. [转] 移动前端不得不了解的HTML5 head 头标签
		
    HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息.而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元 素,有很多差异性.移动端的工作已经越来越成为前端工作的重要内容 ...
    
		
    5. 
						
  5. HTML语义化：HTML5的新标签及IE5.5~9的部分兼容方案
		
    一.前言 本文将介绍HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理. 目录一坨: 二.语义化标签:article.aside.t ...
    
		
    6. 
						
  6. Html5_移动前端不得不了解的html5 head 头标签
		
    移动前端不得不了解的html5 head 头标签   本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签. 移动端的工作已经越来越成为前端工作的重要内容,除了平常 ...
    
		
    7. 
						
  7. 让HTML5语义化标签兼容IE浏览器
		
    解决方案:IE9以下旧版本浏览器不支持新的语义化标签.其中一种解决方案就是用js将HTML5增加的标签创建出来,就像下面这样.(放在header部位) <script> var html5 ...
    
		
    8. 
						
  8. HTML5新增结构标签
		
    引言 在本节中,笔者将向大家讲述三部分内容,分别介绍HTML5时代的召唤,跟HTML4的区别,以及HTML5中带来的新的结构标签. HTML5时代的召唤 HTML4与HTML5的区别 HTML5新结构 ...
    
		
    9. 
						
  9. html5应用程序标签
		
    一.html5应用程序标签 (1)datalist需要数据载体 input list属性指向数据源 <input type="text" list="input_l ...
    
		
    10. 
						
  10. HTML5之新增标签用途及应用场景
		
    把自己的学习笔记整理一下,今天是HTML5第一篇,明天是css3选择器,给自己提个醒!哈哈 新的页面结构以及宽松的语法规范,标签可以不用闭合,可以省略head,body等标签 <!DOCTYPE ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. js实现单双行文本溢出添加省略号
			
    # 单双行文本溢出省略 ``` // 2. 当内容过多的时候,单行省略号: overflow: hidden; text-overflow:ellipsis; white-space: nowrap; ...
    
			
    2. 
						
  2. 基于hi-nginx的web开发（python篇）——表单处理和文件上传
			
    hi-nginx会自动处理表单,所以,在hi.py框架里,要做的就是直接使用这些数据. 表单数据一般用GET和POST方法提交.hi-nginx会把这些数据解析出来,放在form成员变量里.对pyth ...
    
			
    3. 
						
  3. 20165226 2017-2018-3 《Java程序设计》第5学习总结
			
    20165226 2017-2018-3 <Java程序设计>第5周学习总结 教材学习内容总结 第七章 内部类与异常类 匿名类创建对象: new Bank() { 匿名类的类体 }: 异常 ...
    
			
    4. 
						
  4. Linux x86_64内核中断初始化
			
    Linux x86_64内核中断初始化 [TOC] 中断分类 Linux系统中,中断分为: 硬中断:由外部设备或者执行异常产生的需要快速处理的中断.如缺页中断.定时器硬件中断. 根据内部产生还是外部产 ...
    
			
    5. 
						
  5. Java基础学习笔记五 Java基础语法之面向对象
			
    面向对象 理解什么是面向过程.面向对象 面向过程与面向对象都是我们编程中,编写程序的一种思维方式.面向过程的程序设计方式,是遇到一件事时,思考“我该怎么做”,然后一步步实现的过程.例如:公司打扫卫生( ...
    
			
    6. 
						
  6. linux特殊字符及其作用
			
    1.通配符    ? 匹配单个字符    * 代表所有字符     [abcd] 匹配[]里任意一个字符.4选1 [a-d]    [!abcd]  匹配不含[]里任意一个字符的字符.[^abcd]  ...
    
			
    7. 
						
  7. 敏捷冲刺每日报告——Day1
			
    1.情况简述 Alpha阶段第一次Scrum Meeting 敏捷开发起止时间 2017.10.25 00:00 -- 2017.10.26 00:00 讨论时间地点 2017.10.25晚9:30, ...
    
			
    8. 
						
  8. 张旭升20162329 2006-2007-2 《Java程序设计》第一周学习总结
			
    20162329 2006-2007-2 <Java程序设计>第一周学习总结 教材学习内容总结 通过打书上的代码熟悉了Java编程的基本过程 教材学习中的问题和解决过程 1.因为我的虚拟机 ...
    
			
    9. 
						
  9. 简单的C语言编译器--语法分析器
			
      语法分析算是最难的一部分了.总而言之,语法分析就是先设计一系列语法,然后再用设计好的语法去归约词法分析中的结果.最后将归约过程打印出来,或者生成抽象语法树. 1. 设计文法 以下是我的文法(引入的 ...
    
			
    10. 
						
  10. 【Swift】iOS导航栏错乱的原因
			
    #iOS开发高级技巧#导航栏错乱,也就是导航栏的显示效果与内容区不匹配,引发原因很多,其中最重要的有两个原因: 1.在viewwillappear,viewwilldisappear两个函数中,设置导 ...
    
			
    11.