在HTML中,使用標簽來添加圖片到網頁中。如果要改變圖片的尺寸,可以使用標簽內的width和height屬性。
<img src="example.jpg" width="200" height="100" alt="示例圖片">
上面的代碼中,width和height屬性分別設置了圖片的寬度和高度,單位為像素。例如,上面的代碼將圖片設置為寬度為200像素,高度為100像素。
如果只設置一個屬性,瀏覽器將自動按比例縮放另一個屬性。如果不設置寬度和高度屬性,圖片將顯示其原始大小。
<img src="example.jpg" width="200" alt="示例圖片">
上面的代碼中,只設置了寬度屬性為200像素,高度屬性被瀏覽器根據比例自動計算。
需要注意的是,改變圖片的尺寸并不影響其原始大小,只是在網頁中顯示的大小發生了改變。
除了使用屬性設置圖片尺寸外,還可以使用CSS來控制圖片的大小。
img { width: 200px; height: 100px; }
上面的CSS代碼通過img選擇器,將所有標簽的寬度設置為200像素,高度設置為100像素。
總的來說,使用標簽的width和height屬性,可以方便地改變圖片在網頁中的大小。