HTML <map> 标签

这篇具有很好参考价值的文章主要介绍了HTML <map> 标签。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

实例

带有可点击区域的图像映射:

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

浏览器支持

元素 Chrome IE Firefox Safari Opera
<map> Yes Yes Yes Yes Yes

所有主流浏览器都支持 <map> 标签。

定义和用法

定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。<文章来源地址https://www.toymoban.com/news/detail-558357.html

到了这里,关于HTML <map> 标签的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HTML <map> 标签

    带有可点击区域的图像映射: 元素 Chrome IE Firefox Safari Opera map Yes Yes Yes Yes Yes 所有主流浏览器都支持 map 标签。 定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像。

    2024年02月15日
    浏览(22)
  • HTML <map> 标签的使用

    area 元素永远嵌套在 map 元素内部。area 元素可定义图像映射中的区域。 img中的 usemap 属性可引用 map 中的 id 或 name 属性(取决于浏览器),所以我们应同时向 map 添加 id 和 name 属性。 其中area标签主要的值有alt、cooreds、href、shape、target等 1、alt属性 定义:规定区域的替代文本

    2024年02月10日
    浏览(27)
  • 前端开发基础(HTML5 + CSS3)【第一篇】:HTML标签之文字排版、图片、链接、音频、视频 && 涵盖了两个综合案例 做到了基础学得会,实战写的出

    点击前往前端开发基础专栏: 一、开发环境搭建 这里google浏览器不能用我们就使用电脑自带的微软浏览器就可以了! 下载 VS Code VS Code 官网下载地址 这里根据自己电脑的操作系统进行下载! 安装步骤如下: (是在不知道如何操作,可以找个教程一步一步来) 安装这个还是

    2024年04月16日
    浏览(63)
  • 【Python爬虫开发基础⑤】HTML概述与基本标签详解

    专栏 :python网络爬虫从基础到实战 欢迎订阅!近期还会不断更新~ 往期推荐 : 【Python爬虫开发基础①】Python基础(变量及其命名规范) 【Python爬虫开发基础②】Python基础(正则表达式) 【Python爬虫开发基础③】Python基础(文件操作方法汇总) 【Python爬虫开发基础④】爬虫

    2024年02月09日
    浏览(64)
  • Go语言基础之map

    Go语言中提供的映射关系容器为map,其内部使用散列表(hash)实现。 map是一种无序的基于key-value的数据结构,Go语言中的map是引用类型,必须初始化才能使用。 map定义 Go语言中 map的定义语法如下: 其中, KeyType:表示键的类型。 ValueType:表示键对应的值的类型。 map类型的变量

    2024年02月11日
    浏览(51)
  • 前端HTML标签1

    使用英文!,按tab键出现框架。 Document可以换成任意自己想要的命名。 作用:使页面结构更加清晰。 1.标题标签 2.段落标签 3.换行标签 4.文本格式标签 语义 标签 说明 加粗 strong/strong 或 b/b 推荐 strong ,语义更强烈 斜体 em/em 或 i/i 推荐使用 em ,语义更强烈 删除线 del/del 或

    2024年02月06日
    浏览(39)
  • HTML5前端标签练习

    标签的分类 标签的嵌套 a标签 验证form表单朝后端提交数据 效果 代码

    2024年02月08日
    浏览(57)
  • 【前端 - HTML】第 6 课 - 表单标签

            欢迎来到博主 Apeiron 的博客,祝您旅程愉快 ! 时止则止,时行则行。动静不失其时,其道光明。 目录 1、缘起 2、表单标签 2.1、input 标签基本使用  2.2、input 标签占位文本  2.3、单选框 radio 2.4、上传文件  2.5、多选框 - checkbox 2.6、下拉菜单  2.7、文本域  2

    2024年02月09日
    浏览(51)
  • 『 前端三剑客 』:HTML常用标签

    在HTML中标签是以成对的结构出现的,在HTML当中代码是通过标签来组织的 , 下面通过见得的Hello World的展现来显示歘HTML 标签的结构 如上述代码块所示,形如 用尖括号进行组织的,成对出现的这个东西就叫做标签 (tag) , 也可以叫做元素(element); 通常情况下一个标签是成对出现的, 开

    2024年02月09日
    浏览(47)
  • 前端面试:【HTML】语义化标签、表单、媒体元素

    HTML(超文本标记语言)是构建网页内容的基础,它通过一系列标签来描述页面的结构和内容。在这篇文章中,我们将探讨HTML的基础知识,包括语义化标签、表单和媒体元素。 语义化标签:赋予内容更多意义 语义化标签是指在编写HTML代码时,使用具有实际含义的标签,以便

    2024年02月12日
    浏览(63)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包