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

王林
發布: 2020-03-09 17:52:52
轉載
3418 人瀏覽過

關於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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板