Html代码: area - 区域元素

在HTML中，元素用于定义图像映射中的可点击区域。它必须嵌套在元素中，并且通常与元素一起使用。

语法

下面是元素的基本语法：

其中：

• shape属性定义了可点击区域的形状。它可以是以下值之一：
• default：默认形状，通常用于整个图像。
• rect：矩形形状，需要使用coords属性指定左上角和右下角的坐标。
• circle：圆形形状，需要使用coords属性指定圆心坐标和半径。
• poly：多边形形状，需要使用coords属性指定多边形的顶点坐标。
• coords属性定义了可点击区域的坐标。具体的坐标值取决于shape属性的值。
• href属性定义了点击区域后要跳转到的URL。
• alt属性定义了当图像无法显示时显示的替代文本。

示例

下面是一个使用元素的示例：

在上面的示例中，我们首先使用元素显示了一个名为map.jpg的图像，并指定了替代文本为Map。然后，我们使用元素定义了一个名为map的图像映射。在元素内部，我们使用了三个元素来定义三个可点击区域。第一个区域是一个矩形，左上角坐标为0,0，右下角坐标为100,100，点击后跳转到page1.html。第二个区域是一个圆形，圆心坐标为150,150，半径为50，点击后跳转到page2.html。第三个区域是一个三角形，顶点坐标分别为200,200、250,250和200,300，点击后跳转到page3.html。

总结

创新互联是一家提供香港服务器、美国服务器和云服务器的云计算公司。在HTML中，元素用于定义图像映射中的可点击区域。它可以嵌套在元素中，并且通常与元素一起使用。通过设置shape属性和coords属性，我们可以定义不同形状的可点击区域。点击区域后，可以通过href属性指定跳转的URL。如果图像无法显示，可以使用alt属性提供替代文本。

如果您需要使用图像映射来创建可点击区域，可以使用HTML中的元素来实现。请参考上面的示例和语法，根据您的需求进行设置。

了解更多关于元素的信息，请访问MDN 文档。

香港服务器选择创新互联

10元香港服务器

香港服务器免费试用

网站标题：Html代码:area-区域元素
网站网址：http://www.shufengxianlan.com/qtweb/news0/375400.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联