HTML 是一種標記語言，可以用來創建網頁。其中，圖片是網頁設計中常使用的元素之一，給圖片設置懸停效果，可以提升網頁的美感和用戶體驗。本文將介紹如何在 HTML 中給圖片設置懸停。 使用 HTML 的 img 標簽可以在網頁中插入圖片。例如：

<img src="logo.png" alt="公司logo">

其中，src 屬性指定圖片的 URL，alt 屬性為圖片添加文本描述。默認情況下，這個圖片會在網頁中顯示，但沒有任何交互效果。如果要添加懸停效果，可以使用 HTML 的 title 屬性。

<img src="logo.png" alt="公司logo" title="點擊回到首頁">

在這個例子中，title 屬性的值為“點擊回到首頁”。當鼠標懸停在這個圖片上時，瀏覽器將顯示這個文本描述，提醒用戶可以點擊圖片返回首頁。 如果要鼠標懸停在圖片上時觸發其他動作，可以使用 JavaScript。例如，我們可以設置圖片的透明度變化效果。

<img src="logo.png" alt="公司logo" title="點擊回到首頁" onmouseover="this.style.opacity='0.5'" onmouseout="this.style.opacity='1.0'">

在這個例子中，onmouseover 和 onmouseout 是 HTML 的事件屬性，可以分別在鼠標懸停和離開時觸發 JavaScript 函數。this 關鍵字表示當前元素，style.opacity 控制透明度。 通過 HTML 的 img 標簽和 title 屬性，可以簡單地給圖片添加懸停效果。而結合 JavaScript，還能實現更加豐富的交互效果。