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