在網頁設計與開發中，圖片被廣泛應用于增強網頁的視覺效果。然而，有時候我們需要調節圖片的大小來適應網頁的布局。這篇文章將介紹如何使用HTML代碼輕松調節圖片大小。 在HTML中，可以使用標簽來插入圖片。下面的示例展示了如何插入一張名為"myImage.jpg"的圖片：

<img src="myImage.jpg">

如果我們想將圖片的寬度和高度都縮小一半，可以為標簽添加width和height屬性，并將它們的值設置為50%。代碼如下：

<img src="myImage.jpg" width="50%" height="50%">

如果我們只想調整圖片的寬度而保持高度不變，可以只設置width屬性，例如將寬度設置為300像素：

<img src="myImage.jpg" width="300">

此外，還可以使用CSS樣式表中的width和height屬性或max-width和max-height屬性來調整圖片大小。下面的代碼演示了如何使用CSS樣式表將圖片的寬度和高度都調整為150像素：

<style>
img {
width: 150px;
height: 150px;
}
</style>
<img src="myImage.jpg">

在此示例中，