如何在HTML中将一个图像放在另一个图像上？

要在HTML中将一个图像放在另一个图像上，您可以使用CSS的绝对定位和z-index属性。以下是一个简单的示例：

<!DOCTYPE html>
<html>
<head><style>
  .container {
    position: relative;
  }

  .image1 {
    position: absolute;
    z-index: 1;
  }

  .image2 {
    position: absolute;
    z-index: 2;
    top: 50px;
    left: 50px;
  }
</style>
</head>
<body>

<div class="container">
  <img src="image1.jpg" alt="Image 1" class="image1">
  <img src="image2.jpg" alt="Image 2" class="image2">
</div>

</body>
</html>

在这个示例中，我们创建了一个名为“container”的div，它将包含我们要叠加的两个图像。接下来，我们为每个图像分配了一个类，并设置了它们的位置属性为“absolute”。通过设置z-index属性，我们可以控制图像的堆叠顺序。在这个例子中，image1的z-index为1，image2的z-index为2，这意味着image2将显示在image1的上方。我们还可以通过调整image2的top和left属性来控制它在容器内的位置。

您可以根据需要调整这些值以满足您的需求。