在 HTML 代碼中，我們可以使用 id 屬性來給特定的元素設置一個唯一的標識符。這在 JavaScript 和 CSS 中非常有用，因為它允許我們直接訪問和修改元素。

對于 img 標簽，我們可以使用同樣的方法來設置 id。以下是一個例子：

<img src="example.jpg" alt="Example image" id="example">

在這個例子中，我們將 img 標簽設置為具有 id 屬性的 "example"。

一旦我們在 HTML 中成功地設置了 id，我們就可以通過它來對該元素進行操作。在 JavaScript 中，我們可以使用 document.getElementById() 函數來獲取該元素。例如：

const exampleImage = document.getElementById('example');

這將返回一個指向我們剛剛設置的 img 元素的引用。現在我們可以使用該引用來更改該元素的屬性，例如更改其源：

exampleImage.src = 'new-example.jpg';

這將更改 img 元素的圖像源為 "new-example.jpg"。同樣地，在 CSS 中，我們可以使用選擇器和 id 屬性來選擇和樣式該元素。例如：

#example {
border: 1px solid black;
}

這將給具有 id 屬性為 "example" 的 img 元素添加一個黑色的邊框。

通過為 img 標簽設置 id 屬性，我們可以輕松地在 JavaScript 和 CSS 中訪問和操作該元素的屬性和樣式。這是一個非常有用的技術，可以讓我們更方便地操縱網頁中的元素。