如何使用 HTML 设置图像的宽度和高度？

在 HTML 中，我们可以使用<img>标签来插入图片。除此之外，我们还可以使用height和width属性来设置图像的高度和宽度。

<img src="image.png" width="500" height="300">

上面的代码片段中，我们设置了图片的宽度为500像素，高度为300像素。这样即可使图片按照我们设定的大小显示。

当然，设置图片大小时，你也可以只指定其中一个属性，另一个属性则会根据图片的原始比例自动计算。比如：

<img src="image.png" width="500">

上述代码中，我们只设置了图片的宽度为500像素，高度则会自动按照图片原始比例计算。

除了使用像素之外，我们还可以使用百分比来设置图片大小，比如：

<img src="image.png" width="50%" height="50%">

上述代码中，我们将图片的宽度和高度都设置为50%。

需要注意的是，当图片的宽度或高度超出了其容器的大小时，图片会被自动剪裁，所以在设置图片大小时，我们需要确保图片不会超出其容器。另外，为了保证页面的可访问性，我们应该尽量给图片设置高度和宽度属性，以便屏幕阅读器等工具能正常读取并显示图片信息。

总的来说，使用 HTML 设置图像的宽度和高度是非常简单的，只需要使用<img>标签，并设置相应的width和height属性即可。