CSS_img标签usemap属性图片中选择区域加入超链接

例子:

<IMG usemap="#Map" alt="" src="/images/banbian.jpg">
        <map name="Map" id="Map">
         <area shape="rect" coords="200,50,300,70" href="/swt/" />
         <area shape="rect" coords="180,100,220,120" href="/swt/" />
         </map>

usemap是img标签的一个属性，usemap=“#Map”表示和id为Map的map相关联，其中area 标记的的shape=“rect” 表示区域为矩形，coords=“第一个点坐标x，第一个点坐标x，

第二个点坐标x，第二个点坐标y”，

坐标长度为像素，坐标原点为图片的左上角。

这样可以做到不用图片中选择区域加入超链接

CSS_img标签usemap属性图片中选择区域加入超链接

时间： 2024-08-10 21:19:56

CSS_img标签usemap属性图片中选择区域加入超链接的相关文章

img 标签的 usemap 属性

<img src="1.gif" alt="Planets" usemap="#Map"/> <map name="Map"> <area shape="rect" coords="11,10,180,180" href="detail/Best_marketing.html"> <area shape="rect&

超链接a标签的属性target的可选值有哪些以及区别

超链接a标签的属性target的可选值有哪些以及区别 1.<a target="_blank"></a> 2.<a target="_parent"></a> 3.<a target="_self"></a> 4.<a target="_top"></a> 5.<a target="new"><

js替换img标签src属性，并为非微信内核浏览器添加超链接

/** * 替换img标签src属性 * @param content * @param path */ function imgsSrc(content, path) { var imgreg = /<img.*?>/gi; content=content.replace(imgreg,function(imgsrc){ imgsrc = imgsrc.replace(/src=(?:"\s*([^"]*)\s*"|'\s*([^']*)\s*'|(\S+))/

HTML：基础标签及属性（备份）

基本标签创建一个HTML文档 <html></html> 设置文档标题以及其他不在WEB网页上显示的信息 <head></head> 设置文档的可见部分 <body></body> 标题标签将文档的题目放在标题栏中 <title></title> 文档整体属性设置背景颜色,使用名字或十六进制值 <body bgcolor=?> 设置文本文字颜色,使用名字或十六进制值 &

HTML5中新加的标签和属性定义

HTML5 <!DOCTYPE> 标签所有主流浏览器都支持 <!DOCTYPE> 声明.<!DOCTYPE> 声明非常重要,它是一种标准通用标记语言的文档类型声明,通过该标签,浏览器能够了解HTML5文档正在使用的HTML规范,<!DOCTYPE> 声明是HTML5文档的起始点,也就是说它必须位于HTML5文档的第一行!标签定义及使用说明:<!DOCTYPE> 声明位于文档中的最前面的位置,处于 <html> 标签之前.<!DO

HTML超文本标记语言（二）-HTML中几个常用标签及属性

HTML中几个常用标签及其属性一.HTML链接标签:<a></a> 1.herf属性:创建指向另一个文档的标签(超链接) 语法结构:<a href=url">Link Text</a> 注意: "链接文本"不必一定是文字,图片或其他HTM元素也可以成为链接. 2.name属性:规定锚的名称,用于创建文档内的书签(锚) 语法结构如下. 命名锚:<a name="tip">基本的注意事项-有用的提示

HTML元素（包括HTML5）的标签、属性及事件大全

1.标签列表标签描述 <!–…–> 定义注释. <!DOCTYPE> 定义文档类型. <a> 定义超链接. <abbr> 定义缩写. <acronym> HTML 5 中不支持.定义首字母缩写. <address> 定义地址元素. <applet> HTML 5 中不支持.定义 applet. <area> 定义图像映射中的区域. <article> 定义 article. <aside&

jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部

转自:http://blog.163.com/[email protected]/blog/static/1284651702010894509982/ 关于 jQuery 的 Div 标签的滚动条的概念,没有几个人能够完全.正确搞明白的. 我知道很多人不同意我的观点.但是如果去百度上搜素,与 jQuery 滚动条有关的信息,都是关于滚动条外观和滚动条插件的.我最近在制作一个滚动条相关的页面效果,去 CSDN 论坛里提问,得到了一段代码,还是错误的. jQuery 里和滚动条有关的概念很多,但是

jQuery easyUI id选择器类选择器标签选择器属性选择器及DOM对象和jQuery相互之间的转换

首先导入js文件 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"