在HTML中插入图片，可以使用`<img>`标签，并通过其`src`属性指定图片的路径。此外，还可以使用`width`和`height`属性来调整图片的尺寸，以及使用`alt`属性来提供替代文本。
使用`<img>`标签插入图片
要在HTML文档中插入图片，可以使用以下代码：
代码如下：
<img src="图片路径" alt="图片描述">
- **`src`属性**：用于指定图片文件的URL，可以是相对路径或绝对路径。
- **`alt`属性**：用于定义图片的替代文本，当图片无法显示时，浏览器会显示这个文本。
调整图片尺寸
你可以使用`width`和`height`属性来调整图片的显示尺寸：
代码如下：
<img src="图片路径" alt="图片描述" width="500" height="300">
控制图片位置
要调整图片的上下左右位置，可以通过添加内联样式来实现，使用`margin`属性来设置图片的外边距：
代码如下：
<img src="图片路径" alt="图片描述" style="margin: 10px 20px 30px 40px;">
在这个例子中，`margin`的四个值分别对应上、右、下、左的边距[[2]()]。
使用CSS控制图片
你还可以使用CSS来控制图片的样式和位置。例如，可以在`<style>`标签中定义类选择器来设置图片的宽度、高度和边距：
代码如下：
<style>
.myImage {
width: 400px;
height: 300px;
margin-top: 100px;
}
</style>
<body>
<img src="图片路径" alt="图片描述" class="myImage">
</body>
以上就是在HTML中插入和控制图片的基本方法。
