HTML 中圖片設置大小是網頁設計中常用的技巧之一。一般使用 HTML 中的 img 標簽來添加圖片，同時可以設置圖片的尺寸大小。下面就來介紹如何使用 HTML 中的代碼來設置圖片大小。 首先，在 HTML 中使用 img 標簽來添加圖片：

<img src="image.jpg" alt="圖片" />

上述代碼中，使用了 src 屬性來指定圖片的路徑，alt 屬性用于設置圖片的替代文本（當圖片沒能正常顯示時，將顯示替代文本）。 要設置圖片大小，需要使用 HTML 中的 style 屬性和 CSS 中的 width 和 height 屬性。具體代碼如下：

<img src="image.jpg" alt="圖片" style="width: 200px; height: 150px;" />

上述代碼中，使用了 style 屬性來添加 CSS 樣式，width 和 height 屬性用于設置圖片的寬度和高度。 值得注意的是，如果只指定了一個屬性，那么另一個屬性將按照圖片的原始分辨率自適應縮放。例如，如果只設置寬度為 200px，那么高度將按照原始分辨率縮放比例自動調整。 除了使用 style 屬性外，我們還可以在 CSS 樣式表中使用 class 屬性來對多個圖片進行批量操作。例如：

<style>
.image-class {
width: 200px;
height: 150px;
}
</style>
<img src="image1.jpg" alt="圖片1" class="image-class" />
<img src="image2.jpg" alt="圖片2" class="image-class" />
<img src="image3.jpg" alt="圖片3" class="image-class" />

以上代碼中，我們先定義了一個名為 image-class 的類，用于設置圖片的寬度和高度。然后在 HTML 中的 img 標簽中，通過 class 屬性將該類應用到多個圖片中。 總結一下，使用 HTML 中的 img 標簽設置圖片大小，需要使用 style 屬性和 CSS 中的 width 和 height 屬性。同時，我們也可以通過 CSS 樣式表中的 class 屬性來批量操作多個圖片。掌握這些技巧，可以讓我們在網頁設計中更加靈活和方便。