如何在HTML中更改图像的高度

在HTML网页开发中，经常需要使用图像来丰富页面内容。但有时候图像的大小可能不太合适，需要进行一些调整。本文将介绍如何在HTML中更改图像的高度。

使用height属性

HTML中的<img>标签是用来显示图像的，其中有一个属性height可以用来设置图像的高度。下面是一个例子：

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

上面的代码将example.jpg的高度设置为200像素。需要注意的是，如果只设置了高度而没有设置宽度，图像的宽度会自动按比例缩放。

使用CSS样式

除了直接在<img>标签中设置height属性外，还可以使用CSS样式来更改图像的高度。方法是在<style>标签中添加一些CSS代码。下面是一个例子：

<style>
img {
    height: 200px;
}
</style>

<img src="example.jpg">

上面的代码将页面中所有的图像高度都设置为200像素。如果只想更改某一个特定的图像，可以给它设置一个class或id属性，然后在CSS中使用 .class或#id来选择该图像。