在網頁設計中，導向圖是非常重要的一部分。它能夠在不同的頁面之間建立關系，方便用戶瀏覽網站內容。下面我們將介紹如何使用HTML設置導向圖。

<map name="導向圖">
<area shape="rect" coords="0,0,100,100" href="頁面1.html">
<area shape="rect" coords="101,0,200,100" href="頁面2.html">
</map>
<img src="導向圖.jpg" usemap="#導向圖">

以上代碼中，<map>標簽用來定義導向圖的名字，并且在標簽中添加了<area>標簽。<area>標簽定義了導向圖的區域形狀、坐標和鏈接，用來連接導向圖上的不同頁面。

<img>標簽用來插入導向圖的圖片，并且在標簽中使用了usemap屬性來綁定導向圖。usemap屬性的值應該與定義導向圖的<map>標簽中的名字相同。

通過以上代碼，我們可以輕松設置網頁導向圖，實現網頁內頁面間的快速跳轉。