html中图像映射怎么定义坐标

html-css09

html中图像映射怎么定义坐标,第1张

比较懒,copy了一份,自己看吧! 你的rect就是下面的rectangle

<area>标签的 coords 属性定义了客户端图像映射中对鼠标敏感的区域的坐标。坐标的数字及其含义取决于 shape 属性中决定的区域形状。可以将客户端图像映射中的超链接区域定义为矩形、圆形或多边形等。

下面列出了每种形状的适当值:

圆形:shape="circle",coords="x,y,r"

这里的 x 和 y 定义了圆心的位置("0,0" 是图像左上角的坐标),r 是以像素为单位的圆形半径。

多边形:shape="polygon",coords="x1,y1,x2,y2,x3,y3,..."

每一对 "x,y" 坐标都定义了多边形的一个顶点("0,0" 是图像左上角的坐标)。定义三角形至少需要三组坐标;高纬多边形则需要更多数量的顶点。

多边形会自动封闭,因此在列表的结尾不需要重复第一个坐标来闭合整个区域。

矩形:shape="rectangle",coords="x1,y1,x2,y2"

第一个坐标是矩形的一个角的顶点坐标,另一对坐标是对角的顶点坐标,"0,0" 是图像左上角的坐标。请注意,定义矩形实际上是定义带有四个顶点的多边形的一种简化方法。

HTML中的单标记:

1、<area>:用于图像映射内的区域。

2、<base>:文档中所有相对URL的基本URL。每个文档只能有一个,它必须位于页面的

<head>中。

3、<br>:换行符,通常用于文本内容以创建单个换行符而不是段落。它不应该用于通过堆叠

许多<br>标签在页面上创建视觉分离,因为该函数是视觉需求,因此是CSS的域而不是

HTML。

4、<col>:指定<colgroup>元素中每列的列属性。

5、<command>:指定用户可以调用的命令。

6、<embed>:与外部应用程序和交互式内容一起使用以进行集成。

7、<hr>:水平规则,是页面上的一条直线。在许多情况下,CSS边框用于创建分隔线而不是

此HTML元素。

8、<img>:HTML的主要元素之一,这是图像标记。它用于将图形图像添加到网页。

9、<input>:用于从访问者捕获信息的表单元素。有许多有效的输入类型,从多年来在表单

中使用的常见“文本”输入到属于HTML5的一些新输入类型。

10、<keygen>:此标记创建用于表单的密钥对生成器字段。

11、<link>:不要与“超链接”或锚点(<a>)标签混淆,此链接用于设置文档与外部资源之

间的链接。例如,您可以使用它链接到外部CSS文件。

12、<meta>:元标记是“有关内容的信息”。它们位于文档的<head>中,用于将页面信息

传递给浏览器。有许多不同的meta标签,你可以在网页上使用。

13、<param>:用于定义插件的参数。

14、<source>:此标记允许您为页面上的媒体指定备用文件路径,包括视频或图像或音频文件。

15、<track>:此标记设置要与媒体文件,视频或音频一起使用的轨道,这些轨道通常与

<video>或<audio>标记一起添加。

16、<wbr>:这代表断言机会。它指定添加换行符可以接受的文本块中的位置。

扩展资料:

在HTML5的版本中<command />、<command />、<menuitem />这三个单标记是已经

报废无效了,而在HTML4中是可以继续使用的。

使用单标记时不同的HTML版本对是否需要带斜杆是有不同的要求的。

HTML5:斜杠是可选的。

HTML4:斜杠不可选的。但是,它被W3C的HTML验证器接受了。

XHTML:斜线是必需的。