html中map標籤的用法

2021-06-16 17:02:13 字數 570 閱讀 8659

在html中,給影象使用map標籤,可以給影象的某個部分建立超連線,用法如下:

注:所有的座標都是相對於左上角的

其中,座標coords對各個shape的解釋如下:

shape="rect" coords="x1,y1,x2,y2" // (x1,y1)=upper left, (x2,y2)=lower right

即,當shape是矩形時,coords表示矩形左上及右下(x2, y2)的座標

shape="circle" coords="x,y,r" // (x,y)=center, r=radius

即,當shape是圓形時,coords表示圓中心點座標(x, y)及半徑

shape="poly" coords="x1,y1,x2,y2,x3,y3..." // (x1,y1>=first corner, (x2,y2)=second corner, ...

即,當shape是poly多邊形時,coords表示多邊形所有頂點的座標(x1,y1),(x2,y2),(x3,y3)...

注意:以上所有座標都是相對於圖形img.gif左上腳座標而言的

以下是乙個例子:

Html中的map標籤

影象的影像地圖超連結,標籤 在html中還可以把劃分成多個熱點區域,每乙個熱點域鏈結到不同網頁的資源。這種效果的實質是把一幅劃分為不同的熱點區域,再讓不同的區域進行超連結。這就是影像地圖。要完成地圖區域超連結要用到三種標籤 影像地圖 image map 標籤的使用格式 可根據需要定義多少個熱點區域 ...

html中的map標籤

影象的影像地圖超連結,標籤 在html中還可以把劃分成多個熱點區域,每乙個熱點域鏈結到不同網頁的資源。這種效果的實質是把一幅劃分為不同的熱點區域,再讓不同的區域進行超連結。這就是影像地圖。要完成地圖區域超連結要用到三種標籤 影像地圖 image map 標籤的使用格式 可根據需要定義多少個熱點區域 ...

html中a標籤用法

眾所周知,在html中我們會經常用到這個鏈結類標籤,接下來我們就來說說這個標籤的用法 此標籤中,href屬性是必須要寫的,其屬性值一般有以下幾點用法 1 超連結 2 錨點定位 標題 n a 標籤 id id 名 標籤 此用法指的是給標籤 比如等 和a鏈結標籤指定乙個相同的id名,即可在同一頁面上相互...