HTML中,顯示圖片通常使用img標簽。該標簽的使用方法為:
<img src="圖片地址" alt="圖片描述" width="寬度" height="高度">
其中,src屬性是必須的,用于指定要顯示的圖片的路徑;alt屬性用于在圖片無法正常顯示時提供替代的文本描述。而width和height屬性則用于指定要顯示的圖片的寬度和高度。
下面是一個使用width和height屬性顯示圖片大小的示例:
<img src="image.jpg" alt="一個美麗的景色" width="500" height="300">
以上代碼指定了圖片的寬度為500像素,高度為300像素,實現了縮放圖片的效果。
需要注意的是,如果只指定了其中一個屬性,瀏覽器將自動計算另一個屬性的大小以保持圖片比例不變。如果同時指定了寬度和高度屬性,并且與原圖片的寬高比例不相等,則會產生圖片變形的效果。
綜上,使用width和height屬性設置圖片大小是一個常見的HTML基礎應用,但需要仔細考慮圖片的比例關系以避免圖片變形的現象。