如何在HTML中插入图片并调整大小_HTML img标签与CSS width/height属性设置方法

上周有个客人问我如何在网页上插入并调整图片大小，我就给他详细解释了。
首先，你需要在HTML中使用img标签来插入图片，这就像是在文档里放一个图片框。
记得要设置src属性来指定图片的路径，还有alt属性，这样如果图片加载失败，用户也能看到替代文本。


接下来，如果你想快速调整图片大小，可以直接在img标签的style属性里设置width和height。
比如这样：

这里要注意的是，如果你用像素来固定宽高，可能会让图片变形，所以最好用百分比或者auto来保持图片的比例。

然后，如果你有好多图片需要调整大小，写在外部CSS文件或者