Html代碼: area - 區(qū)域元素

在HTML中，元素用于定義圖像映射中的可點擊區(qū)域。它必須嵌套在元素中，并且通常與元素一起使用。

語法

下面是元素的基本語法：

其中：

• shape屬性定義了可點擊區(qū)域的形狀。它可以是以下值之一：
• default：默認(rèn)形狀，通常用于整個圖像。
• rect：矩形形狀，需要使用coords屬性指定左上角和右下角的坐標(biāo)。
• circle：圓形形狀，需要使用coords屬性指定圓心坐標(biāo)和半徑。
• poly：多邊形形狀，需要使用coords屬性指定多邊形的頂點坐標(biāo)。
• coords屬性定義了可點擊區(qū)域的坐標(biāo)。具體的坐標(biāo)值取決于shape屬性的值。
• href屬性定義了點擊區(qū)域后要跳轉(zhuǎn)到的URL。
• alt屬性定義了當(dāng)圖像無法顯示時顯示的替代文本。

示例

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

在上面的示例中，我們首先使用元素顯示了一個名為map.jpg的圖像，并指定了替代文本為Map。然后，我們使用元素定義了一個名為map的圖像映射。在元素內(nèi)部，我們使用了三個元素來定義三個可點擊區(qū)域。第一個區(qū)域是一個矩形，左上角坐標(biāo)為0,0，右下角坐標(biāo)為100,100，點擊后跳轉(zhuǎn)到page1.html。第二個區(qū)域是一個圓形，圓心坐標(biāo)為150,150，半徑為50，點擊后跳轉(zhuǎn)到page2.html。第三個區(qū)域是一個三角形，頂點坐標(biāo)分別為200,200、250,250和200,300，點擊后跳轉(zhuǎn)到page3.html。

總結(jié)

創(chuàng)新互聯(lián)是一家提供香港服務(wù)器、美國服務(wù)器和云服務(wù)器的云計算公司。在HTML中，元素用于定義圖像映射中的可點擊區(qū)域。它可以嵌套在元素中，并且通常與元素一起使用。通過設(shè)置shape屬性和coords屬性，我們可以定義不同形狀的可點擊區(qū)域。點擊區(qū)域后，可以通過href屬性指定跳轉(zhuǎn)的URL。如果圖像無法顯示，可以使用alt屬性提供替代文本。

如果您需要使用圖像映射來創(chuàng)建可點擊區(qū)域，可以使用HTML中的元素來實現(xiàn)。請參考上面的示例和語法，根據(jù)您的需求進(jìn)行設(shè)置。

了解更多關(guān)于元素的信息，請訪問MDN 文檔。

香港服務(wù)器選擇創(chuàng)新互聯(lián)

10元香港服務(wù)器

香港服務(wù)器免費試用

本文名稱：Html代碼:area-區(qū)域元素
鏈接地址：http://m.5511xx.com/article/cocoedo.html