Html代码: area - 区域元素

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

语法

下面是<area>元素的基本语法：

<area shape="shape" coords="coordinates" href="url" alt="text">

其中：

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

示例

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

<img src="map.jpg" alt="Map" usemap="#map">
<map name="map">
  <area shape="rect" coords="0,0,100,100" href="page1.html" alt="Area 1">
  <area shape="circle" coords="150,150,50" href="page2.html" alt="Area 2">
  <area shape="poly" coords="200,200,250,250,200,300" href="page3.html" alt="Area 3">
</map>

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

总结

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

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

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

香港服务器首选后浪云

10元香港服务器

香港服务器免费试用