HTML和JavaScript是構建現代互聯網應用的兩大重要技術棧，它們可以用來實現各種功能，包括在網頁中設置圖片大小。今天我們就來學習如何使用HTML和JavaScript來實現這個功能。 在HTML中，我們可以使用img標簽來插入圖片，并且可以設置圖片的寬度和高度。比如下面的代碼可以在網頁中插入一張寬為300像素、高為200像素的圖片：

<img src="example.jpeg" width="300" height="200">

如果我們想要在JavaScript中動態地設置圖片的大小，可以使用如下代碼：

const img = document.querySelector("img");
img.style.width = "300px";
img.style.height = "200px";

上面的代碼中，我們首先通過querySelector方法獲取了頁面中的img標簽，然后通過style屬性設置了寬度和高度。在JavaScript中，我們可以直接修改元素的style屬性以動態地改變其樣式。 我們也可以使用JavaScript來實現圖片大小的交互效果。比如，當用戶點擊某個按鈕時，我們可以通過JavaScript來改變圖片的大小。下面的代碼展示了一個簡單的例子：

<img id="my-image" src="example.jpeg" width="300" height="200">
<button onclick="changeImageSize()">點擊修改圖片大小</button>
<script>
function changeImageSize() {
const img = document.querySelector("#my-image");
img.style.width = "400px";
img.style.height = "300px";
}
</script>

在上面的代碼中，我們首先定義了一個img標簽，以及一個按鈕，當用戶點擊按鈕時，會調用changeImageSize函數，該函數會改變圖片的大小。這個例子演示了JavaScript如何實現交互效果，并且解釋了如何通過JavaScript操作HTML元素的樣式。 總結來說，HTML和JavaScript是實現圖片大小設置和交互效果的重要工具。我們可以使用HTML的img標簽來插入圖片并設置大小，也可以通過JavaScript來動態地改變圖片的大小和樣式，從而實現更加豐富和動態的網頁效果。