map标签的参数详细介绍及使用示例
建站知识 2021-07-02 22:41www.168986.cn长沙网站建设
map标签必须成对出现,即
<map> ....</map>
map必须和area配合使用。
img标签里的usermap属性值必须与map标签里的id和name值完全一致
area标签定义图片的点击区域 area 是单标签,不成对。
属性
aesskey 快捷键
alt 图片提示文字
coords 定义和点击区域的图形的坐标
href 链接地址
nohref 图像点击可排除的区域,当不是有href时,需要使用nohref
shape 可点击区域的形状
tabindex tab键遍历
target 链接目标
代码实例
<img src="images/logo.gif" usermap="#map"/>
<map id="map" name="map">
<area shape="rect" coords="a,b,c,d" target="_blank" href=""/>
<!-- a,b,c,d分别是矩形的左上角和右下角的坐标值 !>
<area shape="circle" coords="a,b" target="_blank" href="" />
<!-- a,b分别是圆形的圆心的坐标值 !>
<area shape="poly" coords="a,b..." target="_blank" href="" />
<!-- a,b分别是多边形的各个定点的坐标值 !>
</map>
<map> ....</map>
map必须和area配合使用。
img标签里的usermap属性值必须与map标签里的id和name值完全一致
area标签定义图片的点击区域 area 是单标签,不成对。
属性
aesskey 快捷键
alt 图片提示文字
coords 定义和点击区域的图形的坐标
href 链接地址
nohref 图像点击可排除的区域,当不是有href时,需要使用nohref
shape 可点击区域的形状
tabindex tab键遍历
target 链接目标
代码实例
复制代码
代码如下:<img src="images/logo.gif" usermap="#map"/>
<map id="map" name="map">
<area shape="rect" coords="a,b,c,d" target="_blank" href=""/>
<!-- a,b,c,d分别是矩形的左上角和右下角的坐标值 !>
<area shape="circle" coords="a,b" target="_blank" href="" />
<!-- a,b分别是圆形的圆心的坐标值 !>
<area shape="poly" coords="a,b..." target="_blank" href="" />
<!-- a,b分别是多边形的各个定点的坐标值 !>
</map>
上一篇:IMG中UserMap的使用示例
下一篇:html发送邮件通过Mailto简单实现
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML