Html中的map標籤

影象的影像地圖超連結，標籤**

在html中還可以把劃分成多個熱點區域，每乙個熱點域鏈結到不同網頁的資源。這種效果的實質是把一幅劃分為不同的熱點區域，再讓不同的區域進行超連結。這就是影像地圖。要完成地圖區域超連結要用到三種標籤：

影像地圖（image map）標籤的使用格式：

......可根據需要定義多少個熱點區域

shape -- 定義熱點形狀

shape=rect： 矩形

shape=circle：圓形

shape=poly： 多邊形

coords -- 定義區域點的座標

a.矩形：必須使用四個數字，前兩個數字為左上角座標，後兩個數字為右下角座標

例：b.圓形：必須使用三個數字，前兩個數字為圓心的座標，最後乙個數字為半徑長度

例：c.任意圖形（多邊形）：將圖形之每一轉折點座標依序填入

例：下面是乙個例子

1、在2、同一「影象地圖」中的所有熱點區域都要在影象地圖的範圍內，即所有標記均要在與之間；

3、在標記中的 cords 引數設定的座標格式要與shape引數設定的作用區域形狀配套，避免出現在shape引數設定的矩形作用區域，而在cords 中設定的卻是多邊形區域頂點座標的現象出現。

分類:

生活點滴,

html+css

html中的map標籤

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

html中map標籤的用法

在html中，給影象使用map標籤，可以給影象的某個部分建立超連線，用法如下 注 所有的座標都是相對於左上角的 其中，座標coords對各個shape的解釋如下 shape rect coords x1,y1,x2,y2 x1,y1 upper left,x2,y2 lower right 即，當s...

HTML中的map和area標籤

1.標籤介紹 屬性介紹 1 id 中的 usemap 屬性可引用 中的 id 或 name 屬性 取決於瀏覽器 2 name 同上 說明 不同的瀏覽器會根據img中的usemap屬性去引用id或者name值，所以最好使用的時候這兩個屬性都要加上。屬性介紹 1 alt 類似img 標籤中的同名屬性 2...