在HTML中，我们可以使用<img>标签来插入图片，以下是一个简单的示例：
<!DOCTYPE html> <html> <body> <h2>我的第一个图片</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <img src="image.jpg" alt="我的图片"> </body> </html>
在这个例子中，<img>标签的src属性用于指定图像的来源。alt属性是可选的，它提供了图像无法显示时的替代文本。
如果你想要插入多个图片，你可以多次使用<img>标签，如下所示：
<!DOCTYPE html> <html> <body> <h2>我的第一个图片</h2> <p>这是一个段落。</p> <p>这是另一个段落。</p> <img src="image1.jpg" alt="我的图片1"> <img src="image2.jpg" alt="我的图片2"> <img src="image3.jpg" alt="我的图片3"> </body> </html>
你也可以使用CSS来控制图片的大小和位置，你可以使用width和height属性来设置图片的宽度和高度，使用margin属性来设置图片与周围元素的间距，以下是一个示例：
<!DOCTYPE html>
<html>
<head>
<style>
img {
width: 50px;
height: 50px;
margin: 10px;
}
</style>
</head>
<body>
<h2>我的第一个图片</h2>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<img src="image.jpg" alt="我的图片">
</body>
</html>
在这个例子中，我们使用了<style>标签来定义CSS样式，我们将所有的<img>标签的图片大小设置为50像素宽和高，并将图片与周围元素之间的间距设置为10像素。