<img src="image.jpg" alt="My Image">上述代码中，src属性指定图片的路径，而alt属性指定图片的替代文本，用于当图片无法显示时显示。要调整图片的大小，我们需要添加CSS样式。 下面是一些示例代码：
调整宽度和高度：
<img src="image.jpg" alt="My Image" style="width: 50%; height: 50%;">上述代码中，我们将宽度和高度设置为50%。这将使图片缩小到原始大小的一半。我们可以根据需要更改百分比。
只调整宽度：
<img src="image.jpg" alt="My Image" style="width: 50%;">在这个示例中，我们只调整了宽度。这导致高度按比例自动缩放以保持适当的宽高比。
保持宽高比：
<img src="image.jpg" alt="My Image" style="max-width: 100%; height: auto;">使用max-width属性，我们可以确保图片的宽度不会超过其容器的宽度。高度自动按比例缩放，以保持正确的宽高比。
使用CSS类：
<img src="image.jpg" alt="My Image" class="my-image">
.my-image {
width: 50%;
height: auto;
}
在这个示例中，我们将调整大小的规则放入一个CSS类中，以便在多个页面和图片中重复使用。只需添加类名即可。
总结：
- img标签用于添加图片。
- 通过在img标签中添加style属性和CSS样式来调整图片大小。
- width和height属性可用于设定图片的大小。
- max-width属性可用于确保图片的宽度不超过其容器的宽度。
- 使用CSS类可使调整大小的规则在多个页面和图片中重复使用。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
