如何在HTML中更改图像大小

在HTML中，你可以使用一些简单的方法来更改图像的大小。下面将介绍两种常用的方法。

1. 使用CSS的width和height属性

你可以使用CSS的width和height属性来指定图像的宽度和高度。例如，下面的代码会将图像的宽度设为200像素，高度设为150像素：

<img src="image.jpg" alt="图片" style="width: 200px; height: 150px;">

请注意，width和height属性的值可以是像素（px）、百分比（%）或其他单位。

2. 使用HTML的width和height属性

另一种方法是使用HTML的width和height属性直接指定图像的宽度和高度。例如：

<img src="image.jpg" alt="图片" width="200" height="150">

需要注意的是，使用该方法指定的宽度和高度的单位默认为像素。

3. 保持图像比例

如果你只指定图像的宽度或高度，另一个属性会根据图像的原始比例进行自适应调整。例如，下面的代码会将图像的宽度设为200像素，高度会根据原始比例自动调整：

<img src="image.jpg" alt="图片" style="width: 200px;">

4. 调整图像大小并保持比例

有时，你可能希望同时调整图像的大小并保持比例。这可以通过设置一个属性并将另一个属性设置为自动来实现。例如，下面的代码会将图像的宽度设为200像素，高度根据原始比例自动调整：

<img src="image.jpg" alt="图片" width="200" height="auto">

上述代码中，height属性的值设置为auto，表示高度将根据图像的原始比例自动调整。

以上是在HTML中更改图像大小的几种常用方法。你可以根据自己的需求选择合适的方法来调整图像的尺寸。