在網頁設計中，圖片超鏈接的設置是非常常見的一種設計方式。HTML5提供了一種簡單的方式來實現圖片超鏈接的功能。 在HTML5中，可以使用以下的代碼來實現在圖片上設置超鏈接的功能：

<a href="your_link_here"><img src="your_image_url_here"></a>

上述代碼中，我們首先使用了a標簽來定義一個超鏈接，其中href屬性指定了鏈接目標的URL。隨后，在a標簽的內部，使用了img標簽來引入我們需要設置超鏈接的圖片，其中src屬性指定了圖片的URL。 接下來，我們可以將上述代碼放入p標簽中，在頁面中展示出來：

<a ><img src="https://via.placeholder.com/150"></a>

上述代碼中，我們在圖片上設置了一個指向Google搜索引擎的超鏈接。我們使用了一個占位圖片作為示例，但在實際應用中，我們需要替換為實際的圖片URL。 總結一下，HTML5提供了一種簡單的方式來實現圖片超鏈接的功能。我們只需要使用a標簽來定義超鏈接，加入圖片的img標簽，并為其指定鏈接目標的href屬性即可。