首页前端开发JavaScripthtml中area标签怎么用?html中area标签详解

html中area标签怎么用?html中area标签详解

时间2024-01-28 20:37:02发布访客分类JavaScript浏览915
导读:收集整理的这篇文章主要介绍了html中area标签怎么用?html中area标签详解,觉得挺不错的,现在分享给大家,也给大家做个参考。本篇文章给大家带来的内容是关于htML中area标签怎么用?html中area标签详解,有一定的参考价值,...
收集整理的这篇文章主要介绍了html中area标签怎么用?html中area标签详解,觉得挺不错的,现在分享给大家,也给大家做个参考。本篇文章给大家带来的内容是关于htML中area标签怎么用?html中area标签详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

area> 标签定义图像映射中的区域(注:图像映射指得是带有可点击区域的图像)。

area 元素总是嵌套在 map> 标签中。

注:img> 标签中的 uSEMap 属性与 map> 元素 name 属性相关联,创建图像与映射之间的联系。img> 中的 usemap 属性可引用 map> 中的 idname 属性(由浏览器决定),所以我们需要同时向 map> 添加 id 和 name 两个属性。

属性值:

  href : 点击区域跳转的链接。alt : 图片无法正常显示时提示的信息。

  Shape & coords:

1、距形:(左上角顶点坐标为(x1,y1),右下角顶点坐标为(x2,y2))\

area shaPE="rect" coords="x1,y1,x2,y2" href=url>  

2、圆形:(圆心坐标为(X1,y1),半径为r)

area shape="circle" coords="x1,y1,r" href=url>

3、多边形:(各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) ......)

area shape="poly" coords="x1,y1,x2,y2 ......" href=url>

以上就是对的全部介绍,如果您想了解更多有关HTML视频教程,请关注PHP中文网。

以上就是html中area标签怎么用?html中area标签详解的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: 移动端图片无缝滚动是如何实现的...下一篇:如何将html特殊字符编码转换成特...猜你在找的JavaScript相关文章 html font标签如何设置字体大小?html font标签属性用法介绍2022-05-16vue3+TypeScript+vue-router的使用方法2022-04-16vue3获取当前路由地址2022-04-16如何利用React实现图片识别App2022-04-16JavaScript展开运算符和剩余运算符的区别详解2022-04-16微信小程序中使用vant框架的具体步骤2022-04-16Vue elementUI表单嵌套表格并对每行进行校验详解2022-04-16如何利用Typescript封装本地存储2022-04-16微信小程序中wxs文件的一些妙用分享2022-04-16JavaScript的Set数据结构详解2022-04-16 其他相关热搜词更多phpjavapython程序员loadpost-format-gallery

若转载请注明出处: html中area标签怎么用?html中area标签详解
本文地址: https://pptw.com/jishu/590129.html
html导航栏下拉菜单怎么制作?这里有详细的代码实例 如何将html特殊字符编码转换成特殊字符?有什么方法

游客 回复需填写必要信息