HTML:img标签usemap,一个图片中添加多个链接
2012-01-08 16:39
645 查看
代码: <div style="margin: 10px; text-align: center;"> <img src="test404_files/06.png" usemap="#Map" alt="HTTP 404,file not found" border="0" height="422" width="450"> <map name="Map" id="Map"> <area shape="rect" coords="64,340,123,365" href="javascript:history.back();"> <area shape="rect" coords="164,340,205,365" href="http://blog.51yip.com"> </map> </div>
解释:
usemap=”#Map”调用一个name=’Map’的标签
<map name=”Map” id=”Map”> html标签
一个<area>对应图片中的一块
shape=”rect” 链接的形状,rect是rectangle(距形)英文单词的缩写
coords=”64,340,123,365″距形链接坐标,这里的coords是coordinates(坐标)英文单词的缩写。
64,340,123,365这四个数字分别是链接距形相对于图片的左边,上边,右边,下边的位置。
64就是链接距形左边距大图片最左边的距离,其他数字也一样
相关文章推荐
- HTML:img标签usemap,一个图片中添加多个链接
- html 中的Map标签, 给一个图片的某个部位添加一个链接
- HTML基础 img标签border给显示的图片加上一个黑色边框
- html img标签显示一个默认图片
- VC3自定义标签,给ajax.Action和Html.ActionLink加上支持图片链接的功能,添加了htmlAttributes
- 简单的将一个html(xml)文本中的img标签(图片)提取出来的方法
- a标签的下载链接,如果是图片,点击链接是下载一个图片而不是直接打开,应该怎么办?(添加download属性)
- 往TextField的htmlText属性添加img标签时的更有趣现象
- HTML 图片映射,一个图片映射多个链接<map>
- img标签中src包含data URL scheme-在一个URL中包含图片数据
- [导入][原创]使用正则表达式找出HTML代码内所有IMG图片的SRC链接地址
- html css 怎么使img和a标签在一个行内元素中间对齐
- MVC 自定义标签,给Html.ActionLink加上支持图片链接的功能
- HTML:认识<img>标签,为网页插入图片
- 关于html中使用img标签显示图片问题
- 用正则表达式过滤出html中得 img标签,并且把URL链接给取出来
- springmvc中使用qrgen(QRCode)生成二维码图片并显示在前台html img标签中
- html css 怎么使img和a标签在一个行内元素中间对齐
- jdk8 base64 将图片转为html的img标签内容码
- HTML基础 img标签title属性 鼠标移动到图片上时显示文字