圖像地圖只是簡單的HTML標籤
圖像地圖是激活您的網站的一個令人興奮和有趣的方式 - 通過它們,您可以上傳圖像,並將這些圖像的一部分點擊到其他在線資源上。 如果您處於困境中,並且不想下載圖像映射編輯器,則使用HTML標記創建映射非常簡單。
你需要一個圖像,一個圖像編輯器和某種HTML編輯器或文本編輯器。 當您指向圖像時,大多數圖像編輯器會顯示鼠標的坐標。 這個坐標數據是您開始使用圖像映射所需的全部。
創建一個圖像映射
要創建圖像地圖,首先選擇一個圖像作為地圖的基礎。 圖像應該是“正常大小” - 也就是說,您不應該使用大到瀏覽器會縮放的圖像。
插入圖像時,您將添加一個標識地圖坐標的額外屬性:
當您創建圖像地圖時,您將創建一個可在圖像上單擊的區域,因此地圖的坐標必須與所選圖像的高度和寬度一致。 地圖支持三種不同類型的形狀:
- 矩形 - 一個矩形或四邊形的圖形
- poly-a多邊形或多邊形圖形
- 圈 - 一個圓圈
要創建區域,您必須隔離您要映射的特定坐標。 地圖可以由圖像上的一個或多個定義區域組成,點擊後可打開一個新的超鏈接。
對於矩形 ,您只需映射左上角和右下角。 所有坐標都列為x,y(上,下)。 因此,對於左上角0,0和右下角10,15,您可以輸入0,0,10,15 。 然後將其包含在地圖中: