html两张图片上下布局

你可以使用HTML中的`<div>`和CSS来实现两张图片上下布局。

首先，你需要在HTML中添加两张图片的`<img>`标签，如下所示：

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

然后，在CSS中使用`display: flex;`属性设置容器为弹性布局，并使用`flex-direction: column;`属性设置子元素为垂直布局。

.image-container {
  display: flex;
  flex-direction: column;
}

这样，两张图片就会按照垂直方向排列。你可以根据需要调整`<img>`标签的大小和间距。完整代码如下：

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

.image-container {
  display: flex;
  flex-direction: column;
}

img {
  width: 100%;
  margin-bottom: 10px;
}