HTML是網頁制作中最基礎的語言，它是由各種元素和標簽組成的。其中有一個非常重要的標簽——<img>標簽，用于添加圖片。我們可以通過設置height和width屬性來調整照片的大小。

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

在這個<img>標簽中，我們設置了圖片的高度為200像素，寬度為300像素。這會使圖片適應我們想要的大小，甚至可以自動裁剪圖片，顯示其中心部分。

需要注意的是，當我們只設置height或width其中一個屬性時，圖片的另一個屬性將按比例自動調整。如果我們任意指定了圖片的大小，它可能會失真或拉伸。

要注意的另一個重要問題是，在 Web 頁面上使用大圖片會增加頁面的加載時間。因此，在添加圖片時，我們應該盡可能壓縮圖片，以便在不降低圖像質量的情況下減小文件大小。

<img src="example.jpg" alt="example" style="max-height:200px; max-width:300px;">

另一種調整圖片大小的方法是使用style屬性并設置max-height和max-width屬性。這會限制圖片的最大高度和寬度，而不會拉伸或扭曲圖片。請注意，這個屬性接受像素、百分比、em 等單位。

總之，調整 HTML 圖片大小的方法很簡單，只需要在<img>標記中使用height和width屬性，或使用style屬性和max-height和max-width屬性即可。