通過html<map>標籤給圖片加連結

阿新 • • 發佈：2022-05-03

前面我們有談到了通過圖片定位給一張圖片新增多個連結，現在用另外一種方法來實現，用html<map>標籤給圖片加連結

<img src="/images/hlj.jpg" border="0" usemap="#Map" alt="">
<map name="Map" id="Map"><area shape="rect" coords="798,298,956,340" href="/dot.html" />
</map>

shape 屬性為 "rect"，表示方形，該值規定矩形左上角座標（798,298）和右下角的座標（956,340）。

參考資料：

<area> 標籤

http://www.w3school.com.cn/tags/tag_area.asp

http://www.w3school.com.cn/tags/att_area_coords.asp

方形和圓形案例http://www.w3school.com.cn/tiy/t.asp?f=html_areamap

通過html&lt;map&gt;標籤給圖片加連結

前面我們有談到了通過圖片定位給一張圖片新增多個連結，現在用另外一種方法來實現，用html<map>標籤給圖片加連結

mybatis查詢實現返回List&lt;Map&gt;型別資料操作

如下所示： **只要設定resultType而不設定resultMap就可以了**： < select id = “selectByPage” parameterType = “java.util.Map”

maven &lt;repositories&gt;標籤和&lt;pluginRepositories&gt;標籤的使用

在不用Maven的時候，比如說以前我們用Ant構建專案，在專案目錄下，往往會看到一個名為/lib的子目錄，那裡存放著各類第三方依賴jar檔案，如log4j.jar，junit.jar等等。每建立一個專案，你都需要建立這樣的一個/lib目錄

html5點選事件_&lt;video&gt; | HTML5 視訊標籤的定義與用法

技術標籤：html5點選事件定義與用法提示：可以在目前，瀏覽器MP4WebMOggInternet ExplorerYESNONOChromeYESYESYESFirefoxYES從 Firefox 21 版本開始Linux 系統從 Firefox 30 開始YESYESSafariYESNONOOpe

如何用&lt;dl&gt;標籤做表格而不用table標籤

　　我們都知道很多的內容編輯器(TinyMCE編輯器、fck)都有插入表格功能，快速方便，但是這些表格用到的<table>標籤，可以檢視html原始碼就能發現，table標籤對搜尋引擎不是很友好，table太多話可能無法被SE收錄

執行map（）後，報：&lt;map object at 0x02629E50&gt;解決方法與原因分析

1 如下python 3例子： l = range(1,21) def op(x): r = 1 for i in range(1,x + 1): r *= i return r list1 = (map(op,l))

&lt;a&gt;標籤rel屬性詳解

<a>標籤rel有哪些取值？ <a>標籤有如下取值： nofollow external noopener noreferrer

C++11 &lt;future&gt;中std::promise 介紹

前面兩講《C++11 併發指南二(std::thread 詳解) 》，《C++11 併發指南三(std::mutex 詳解) 》分別介紹了 std::thread 和 std::mutex，相信讀者對 C++11 中的多執行緒程式設計有了一個最基本的認識，本文將介紹 C++11

php 正則去掉&lt;p&gt;&nbsp;&lt;/p&gt; 空格 &nbsp;與&lt;p&gt;&lt;br/&gt;&lt;/p&gt;

1、php 正則去掉<p></p> 空格 $str=\' <p></p> <p></p> <p></p>

java將String字串轉換為List&lt;Long&gt;型別例項方法

在一些應用場景當中，我們可能會遇到以下的場景，我們要使用的型別是List型別，但是接收到的引數是Stirng型別如1,2,3,4等這樣的形式

Delphi 2009 泛型容器單元(Generics.Collections)[2]: TQueue&lt;T&gt;

TQueue 和 TStack,一個是佇列列表,一個是堆疊列表; 一個是先進先出,一個是先進後出.TQueue 主要有三個方法、一個屬性:Enqueue(入列)、Dequeue(出列)、Peek(檢視下一個要出列的元素);Count(元素總數).

Java泛型&lt;T&gt; T與T的使用方法詳解

泛型（Generic type 或者 generics）是對 Java 語言的型別系統的一種擴充套件，以支援建立可以按型別進行引數化的類。可以把型別引數看作是使用引數化型別時指定的型別的一個佔位符，就像方法的形式引數是執行時傳遞

maven依賴關係中的&lt;scope&gt;provided&lt;/scope&gt;使用詳解

關於maven依賴中的<scope>provided</scope>使用 scope的其他引數如下： compile 預設的scope，表示 dependency 都可以在生命週期中使用。而且，這些dependencies 會傳遞到依賴的專案中。適用於所有階段，

JAVA8 List&lt;List&lt;Integer&gt;&gt; list中再裝一個list轉成一個list操作

我就廢話不多說了，大家還是直接看程式碼吧~ List<Integer> collect = IntStream.range(1,10).boxed().collect(Collectors.toList());

MySQL批量千萬級資料SQL插入效能優化&lt;細讀&gt;

對於一些資料量較大的系統，資料庫面臨的問題除了查詢效率低下，還有就是資料入庫時間長。特別像報表系統，可能每天花費在資料匯入上的時間就會長達幾個小時之久。因此，優化資料庫插入效能是很有意義的。

&lt;二&gt;docker 安裝mongodb

1、拉取 Docker Hub 上的所有 mongo 映象 docker pull mongo 2、檢視下Mongo的映象 docker images | grep mongo

c#高效的執行緒安全佇列ConcurrentQueue&lt;T&gt;的實現

入隊(EnQueue) 、出隊(TryDequeue) 、是否為空(IsEmpty)、獲取佇列內元素數量(Count)。

settimeout預設時間_違規長時間執行的JavaScript任務需要&lt;N&gt;ms

技術標籤：settimeout預設時間來自：http://voidcn.com/article/p-zgijaywv-bte.html [Violation] Forced reflow while executing JavaScript took 45ms

optional 解決空指標_從 std::optional&lt;T&amp;&gt; 談起

技術標籤：optional 解決空指標前段時間小狐狸寫了一點 Rust，最近因為要使用 Qt，回去繼續寫 C++，就很想在 C++ 裡面使用 Rust 的許多常用的型別工具。在 Rust 中 Option<&T> 可以很方便地傳遞一個

.NET 排序 Array.Sort&lt;T&gt; 實現示例

目錄Array.SortArraySortHelperGenericArraySortHelperIntroSortInsertionSort總結System.Array.Sort<T> 是.NET內建的排序方法,靈活且高效,大家都學過一些排序演算法，比如氣泡排序,插入排序,堆排序等，不過你

通過html&lt;map&gt;標籤給圖片加連結

相關推薦

通過html<map>標籤給圖片加連結