HTML熱點圖是一種非常有用的交互式圖表，它可以在圖上標記出一些比較關鍵的區域，當用戶點擊這些區域時，就可以執行一些相應的操作。下面是一個HTML熱點圖的例子：

<img src="example.jpg" usemap="#hotspot">
<map name="hotspot">
<area shape="rect" coords="0,0,50,50" href="http://www.google.com">
<area shape="rect" coords="50,0,100,50" href="http://www.yahoo.com">
<area shape="rect" coords="0,50,50,100" href="http://www.bing.com">
<area shape="rect" coords="50,50,100,100" href="http://www.baidu.com">
</map>

在這個例子中，我們首先通過<img>標簽來向頁面中添加一個圖片，然后通過<map>標簽定義該熱點圖的名稱為“hotspot”。接著，我們使用<area>標簽定義了四個熱點區域，它們的形狀是矩形，分別在圖片的左上、右上、左下和右下四個位置上，通過“coords”屬性來指定各自的坐標范圍。最后，我們在每個<area>標簽中使用“href”屬性來定義點擊后需要執行的操作，比如打開一個網頁。

通過HTML熱點圖，我們可以實現許多有趣而有用的功能，比如在地圖上標記出景點、在產品圖片上標記出不同的功能按鈕等等。不過需要注意的是，在設計熱點圖時要適當考慮頁面的布局和用戶的體驗，不要讓熱點圖過于復雜、過分占用頁面空間，否則可能會影響網站的整體效果。