在HTML中，我们可以使用<img>标签来插入图片，以下是一个简单的示例：
<!DOCTYPE html>
<html>
<head>
<title>插入图片示例</title>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一段文本。</p>
<img src="example.jpg" alt="示例图片">
</body>
</html>
在这个示例中，<img>标签的src属性用于指定图片的路径。alt属性是一个可选的属性，用于提供图片无法显示时的替代文本。
如果你的图片文件位于与HTML文件相同的目录下，你只需要提供文件名即可，如果你的图片文件名为example.jpg，那么你应该将src属性设置为example.jpg。
如果你的图片文件位于其他目录，你需要提供完整的文件路径，如果你的图片文件位于images目录下，并且文件名为example.jpg，那么你应该将src属性设置为images/example.jpg。
注意，<img>标签可以放在HTML文档的任何位置，包括<head>、<body>、<footer>等标签内，通常我们会将<img>标签放在<body>标签内，以便用户可以看到图片。
你还可以使用CSS来控制图片的大小和样式，你可以使用width和height属性来设置图片的宽度和高度，或者使用border属性来添加边框。
以下是一个包含CSS样式的示例：
<!DOCTYPE html>
<html>
<head>
<title>插入图片示例</title>
<style>
img {
width: 200px;
height: 200px;
border: 5px solid #000;
}
</style>
</head>
<body>
<h1>欢迎来到我的网站</h1>
<p>这是一段文本。</p>
<img src="example.jpg" alt="示例图片">
</body>
</html>
在这个示例中，我们使用CSS的width和height属性来设置图片的宽度和高度，使用border属性来添加边框。