如何我创建一个html图像映射？(i create an html image map?)
在超文本标记语言（HTML）中将链接添加到图像时，该链接将添加到整个图像。如果程序员想要制作一个包含多个区域或按钮的图像，并且每个区域用于不同的链接，那么这可能是一个问题。HTML图像映射允许程序员指定链接的特定区域，允许他或她将多个链接嵌入到一个图像中。这是通过为链接指定一个形状并告诉HTML链接要使用的坐标来完成的。
用于互联网的图像以像素为单位。知道图像中有多少像素是创建图像贴图的第一个基本步骤。例如，正在使用高度为400像素、宽度为250像素的矩形图像。接下来，程序员必须知道如何在坐标中精确测量形状，以便HTML图像映射正常工作。
使用HTML图像映射时，左上角称为0,0。在本例中，右下角为250400。首先测量宽度，然后测量高度。一个简单的方法是，第一个度量是告诉HTML从左边缘向右走多远，第二个度量是告诉HTML向下走多少像素。如果程序员希望地图上的一个点距离左边缘10像素，向下50像素，那么坐标将是10,50。
程序员可以为HTML图像映射调用三种不同的形状：矩形、圆形和多边形。“Rect”代表矩形，程序员必须首先键入左上角的坐标，然后键入右下角的坐标。通过键入圆的起点坐标，然后键入圆的半径来指定圆。多边形是通过从上到右键入所有五个坐标来创建的。
HTML图像地图编码如下所示：
&书信电报；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图像映射。
- 发表于 2021-12-07 09:01
- 阅读 ( 149 )
- 分类：互联网
你可能感兴趣的文章
如何建立一个网站：初学者
...许你读过我们的一些HTML（理解HTML）和CSS教程，但不知道如何在更大的项目中使用这些语言。 ...
什么是javascript？它是如何工作的？
...统编程语言的特殊特性。我们将深入研究它是什么，它是如何工作的，以及你能用它做什么。我们把它分解一下。 ...
开始游戏开发阶段
Phaser是一个创建2D视频游戏的框架。它使用html5canvas来显示游戏，JavaScript来运行游戏。使用Phaser而不是vanilla JavaScript的好处是，它有一个广泛的库，可以完成视频游戏的大部分物理特性，使您能够集中精力设计游戏本身。 ...
如何创建网站第一部分：理解和编写html
...下理解HTML都是非常宝贵的。考虑到这一点，在我们关于如何创建网站的第一课中，我们将介绍HTML（web的主要标记语言）的顶级基础知识。现在，使用社交媒体和个人登录页来组合一个web呈现是很容易的，但是如果你真的想创建...
如何在kindle书籍中包含图像(include images in kindle books)
...中。这很重要，因为您只能将一个文件上载到Amazon。 如何使用kdp将您的书籍和图像发送到amazon 使用您的Amazon帐户登录KDP。如果您没有亚马逊帐户，则需要创建一个。 在“书架”页面上，点击黄色按钮，上面写着“添加新标...
如何将图像链接到您的网站上(link an image on your website)
...站点的徽标图形，然后将其链接回站点的主页。 以下是如何在HTML文档中放置不可单击的图像： 要将图像转换为链接，请添加锚链接，在图像之前打开锚元素，在图像之后关闭锚元素。此技术类似于链接文本的方式，不同...
如何向html标记添加属性(add an attribute to an html tag)
HTML语言包含许多元素。这些包括常用的网站组件，如段落、标题、链接和图像。HTML5还引入了许多新的元素，包括页眉、导航、页脚等等。所有这些HTML元素都用于创建文档的结构并赋予其含义。为了给元素添加更多的含义，您...
如何在dreamweaver中创建翻转图像(create a rollover image in dreamweaver)
开始 启动Dreamweaver 打开要滚动的网页 插入滚动图像对象 Dreamweaver可以轻松创建翻转图像。 转到“插入”菜单，然后转到“图像对象”子菜单。 选择图像滚动或滚动图像。 一些旧版本的Dreamweaver将图像对象...
如何我创建下拉css菜单？(i create drop down css menus?)
级联样式表（CSS）是一个名称，用于描述超文本标记语言（HTML）或可扩展标记语言（XML）文档的格式化方式。它可以用于任何类型的XML文档，但最常用于用HTML编写的网页。...
如何我创建自己的网站？(i create my own website?)
创建自己的网站有很多用途。无论是分享你在某个特定主题上的专业知识、开始一项在线业务、建立一个社区，还是仅仅维护一份你活动的在线日志，拥有一个网站都将允...
0 篇文章
