HTML 中的 img 標簽可以輕松地添加圖片到網頁中。除了顯示圖片之外，img 標簽還允許設置圖片的大小。在這篇文章中，我們將學習如何使用 HTML 中的 img 標簽來調整圖片的大小。 在 HTML 中，可以使用 img 標簽的 width 屬性和 height 屬性來設置圖片的大小。這兩個屬性都需要一個像素值作為它們的值。例如，如果你想設置一個寬度為 300 像素，高度為 200 像素的圖片，你可以這樣寫代碼：

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

上面的代碼中，img 標簽的 src 屬性指定了要顯示的圖片的位置。width 屬性設置了圖片的寬度，而 height 屬性設置了圖片的高度。如果你只設置了其中一個屬性，瀏覽器將按比例縮放另一個屬性，以保持圖片的縱橫比。 除了使用 width 屬性和 height 屬性，你還可以使用 CSS 來設置圖片的大小。你可以在樣式表中定義一個類，然后將這個類應用到 img 標簽上。例如，如果你想創建一個設置圖片寬度為 50% 的類，可以這樣寫代碼：

<style>
.image50 {
width: 50%;
}
</style>
<img src="example.jpg" class="image50">

上面的代碼中，我們定義了一個名為 "image50" 的類，設置它的寬度為 50%。然后應用這個類到 img 標簽上。這將在瀏覽器中顯示一個寬度為父元素寬度的 50% 的圖片。 總之，在 HTML 中設置圖片大小是很簡單的。使用 img 標簽的 width 屬性和 height 屬性，或者使用 CSS 樣式表來調整圖片大小。無論你使用哪種方法，你都可以輕松地控制圖片在網頁中的顯示大小。