要将三张图片放在一行，并在下方添加文字，可以使用HTML和CSS来实现。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: flex; /* 使用弹性布局 */
flex-wrap: wrap; /* 换行 */
}
.image {
width: 33.33%; /* 每个图片占据一行的三分之一宽度 */
box-sizing: border-box; /* 盒模型设置为边框盒模型 */
padding: 10px; /* 图片之间的间距 */
}
.image img {
width: 100%; /* 图片宽度占满容器 */
height: auto; /* 图片高度自适应 */
}
.caption {
text-align: center; /* 文字居中对齐 */
}
</style>
</head>
<body>
<div class="container">
<div class="image">
<img src="image1.jpg" alt="Image 1">
<div class="caption">图片1</div>
</div>
<div class="image">
<img src="image2.jpg" alt="Image 2">
<div class="caption">图片2</div>
</div>
<div class="image">
<img src="image3.jpg" alt="Image 3">
<div class="caption">图片3</div>
</div>
</div>
<p>这里是文字说明</p>
</body>
</html>
在上面的示例代码中，使用了Flex布局（display: flex）来将三张图片放在一行，并通过设置每个图片占据一行的三分之一宽度（width: 33.33%）来实现。图片和文字的样式可以根据需求进行调整，例如图片的间距（padding）、文字的对齐方式（text-align）等。
你可以将示例代码保存为一个HTML文件，将<img>标签中的src属性替换为你自己的图片路径，并在最后的<p>标签中添加自己的文字内容。然后在浏览器中打开该HTML文件，即可看到三张图片放在一行。