如何创建HTML图像映射(Create an HTML Image Map)？

当用超文本标记语言（HTML）将链接添加到图像时，该链接将被添加到整个图像中。如果程序员希望制作一个包含多个区域或按钮的图像，并且每个区域用于不同的链接，则可能会出现问题。HTML图像映射允许程序员指定链接将要到达的特...

当用超文本标记语言（HTML）将链接添加到图像时，该链接将被添加到整个图像中。如果程序员希望制作一个包含多个区域或按钮的图像，并且每个区域用于不同的链接，则可能会出现问题。HTML图像映射允许程序员指定链接将要到达的特定区域，允许他或她在一个图像中嵌入多个链接。这是通过指定链接的形状并告诉HTML链接要使用的坐标来完成的。当图像用HTML放到网站上时，程序员必须写下：usemap=test。用于Internet的图像是以像素为单位的。知道有多少像素在图像中是创建图像映射的第一个基本步骤。例如，使用的矩形图像的高度为400像素，宽度为250像素。接下来，程序员必须知道如何精确测量HTML图像映射的坐标形状。左上角称为0，当使用HTML图像映射时为0。在本例中，右下角将为250400。测量时首先使用宽度，然后是高度。一个简单的方法是，第一个测量值告诉HTML从左边缘到右边有多远，第二个测量值是如何告诉它向下移动多少个像素。如果程序员希望地图上的一个点离左边缘10个像素，向下50个像素，那么坐标应该是10，50.程序员可以为HTML图像映射调用三种不同的形状：rect、circle和polygon。“rect”代表矩形，程序员必须先键入左上角的坐标，然后再键入右下角的坐标。圆是通过键入圆开始处的坐标来指定的，然后是圆的半径。从上到右输入所有五个坐标即可创建多边形HTML图像映射编码就像此：地图名称=“test”area href=“url.html”shape=rect coords=“10,50,20,60”area href=“url.html”shape=circle coords=“10,50,4”area href=“url.html”shape=polygon coords=“10,50,12,55,15,60,13,65,8,55”每个html图像地图必须有一个名称，“url.html”部分是一个链接，当用户单击图像映射时，该部分将引导用户。当图像用html放到网站上时，程序员必须编写：usemap=“test”。这将告诉图像要使用什么html图像映射

发表于 2020-08-07 07:06
阅读 ( 839 )
分类：电脑网络

如何创建HTML图像映射(Create an HTML Image Map)？

你可能感兴趣的文章

相关问题

0 条评论

作家榜 »

推荐文章