首頁 >web前端 >html教學 >關於html中area標籤的用法詳解

關於html中area標籤的用法詳解

王林
王林轉載
2020-03-09 17:52:523442瀏覽

關於html中area標籤的用法詳解

標籤

# 標籤定義圖像映射中的區域(註:圖像映射指得是帶有可點擊區域的圖像)。

area 元素總是嵌套在 標籤中。

(推薦教學:html教學

附註:關於html中area標籤的用法詳解 標籤中的usemap 屬性與  元素name 屬性相關聯,建立映像與映射之間的聯繫。 關於html中area標籤的用法詳解 中的 usemap 屬性可引用 中的 id 或 name 屬性(由瀏覽器決定),所以我們需要同時向 新增 id 和 name 兩個屬性。

請看下圖:

關於html中area標籤的用法詳解

屬性值:

href : 點選區域跳躍的連結。 alt : 圖片無法正常顯示時提示的訊息。

實例:

1、距形:(左上角頂點座標為(x1,y1),右下角頂點座標為(x2,y2))

<area shape="rect" coords="x1,y1,x2,y2" href=url>

2 、圓形:(圓心座標為(X1,y1),半徑為r)

<area shape="circle" coords="x1,y1,r" href=url>

3、多邊形:(各頂點座標依序為(x1,y1)、(x2,y2)、(x3, y3) ......)

<area shape="poly" coords="x1,y1,x2,y2 ......" href=url>

更多程式相關內容,請關注php中文網程式設計入門欄位!

以上是關於html中area標籤的用法詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:jb51.net。如有侵權,請聯絡admin@php.cn刪除