html中如何设置图片大小

在html中，使用img标签可以插入图片，但有时需要对图片的大小进行调整。下面是如何设置图片大小的方法： 首先，在img标签中添加width和height属性，可以设置图片的宽度和高度，如下所示：

这样就可以将图片大小设置为宽度为200像素，高度为100像素。 如果只设置其中一个属性，另一个属性会根据原比例自动调整，如下所示：

这样图片的宽度会被设置为200像素，高度会根据原比例自动调整。 如果想将图片大小设置为百分比，可以将width或height属性的值设置为100%，如下所示：

这样图片的宽度就会被设置为屏幕宽度的一半。 另外，还可以使用CSS来设置图片大小。首先需要给img标签添加一个class属性，然后在CSS中设置该class的样式，如下所示： HTML代码：

CSS代码：

img.img-size {
    width: 200px;
    height: 100px;
}

这样就可以将class为img-size的图片大小设置为宽度为200像素，高度为100像素。 以上就是在html中设置图片大小的方法，通过设置width和height属性、百分比和CSS样式，可以根据需要灵活地调整图片大小。