系統城裝機大師 - 唯一官網:www.farandoo.com!

當前位置:首頁 > 網頁制作 > HTML/Xhtml > 詳細頁面

詳解 html area標簽

時間:2019-12-05來源:系統城作者:電腦系統城

<area> 標簽定義圖像映射中的區域(注:圖像映射指得是帶有可點擊區域的圖像)。

area 元素總是嵌套在 <map> 標簽中。

注:<img> 標簽中的 usemap 屬性與 <map>  元素 name 屬性相關聯,創建圖像與映射之間的聯系。<img> 中的 usemap 屬性可引用 <map> 中的 id 或 name 屬性(由瀏覽器決定),所以我們需要同時向 <map> 添加 id 和 name 兩個屬性。

屬性值:

  href : 點擊區域跳轉的鏈接。alt : 圖片無法正常顯示時提示的信息。

  shape & coords:

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


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

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


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

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


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

總結

以上所述是小編給大家介紹的詳解 html area標簽,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對我們網站的支持!

分享到:

相關信息

  • HTML5之audio屬性

    audio主要支持的音頻格式:mp3 ogg wav<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>audio</title></head><body> <!-- 方法一 --> <a...

    2020-03-04

  • HTML連載72-動畫效果及其他屬性

    一、動畫效果 1.過渡與動畫相類似,都需要三要素,那么他們的區別在哪里呢? ?答:過渡必須是人為的觸發才會執行動畫,動畫不需要人為的觸發就可以自動執行?動畫。 2.?相同點: (1)過度和動畫都是用來給元素添加動畫的;(2)過渡...

    2020-03-04

系統教程欄目

欄目熱門教程

人氣教程排行

站長推薦

熱門系統下載

jlzzjlzz亚洲乱熟在线播放