在網站中，一張單純的圖片可能并不足以傳達信息。因此，我們可以在圖片上添加文字鏈接，使其更具實用性。在 HTML 中，我們可以使用a 標簽實現文字鏈接，同時使用標簽將圖片嵌入。

<a href="連接地址">鏈接文字</a><br>
<img src="圖片鏈接" alt="圖片描述">

接下來，我們可以在這段 HTML 代碼中加入樣式，讓文字鏈接浮現在圖片上。具體實現方法如下：

<style>
img {
position: relative;
}
a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent: -9999px;
}
</style>
<a href="連接地址">鏈接文字</a>
<img src="圖片鏈接" alt="圖片描述">

這段代碼中，我們給 img 標簽設置了position: relative;屬性，這是為了保證后續對 a 標簽的定位不會跑偏。接下來，我們給 a 標簽設置了position: absolute;，使其脫離文檔流，再使用top: 0; left: 0;將其定位到圖片的左上角。同時，width: 100%; height: 100%;也是為了撐滿整張圖片。最后，使用text-indent: -9999px;屬性將文本縮進，以避免瀏覽器默認的下劃線及文本現實。

借助上述方法，我們可以將圖片轉化為更加具有實用價值的元素，更好地體現 HTML 的實用性。