如何从Javascript数组中提取图像并将其放入HTML？

我有以下包含图像及其元数据的代码数组。 `

并希望将它们放入一个2 x 3的网格中，并附带元数据。目前，我已经尝试使用JQUERY将它们解析为两个不同的行作为对象，但只显示文本

有人能帮我吗？我对Javascript非常陌生，但了解其原理

像这样

const cont=document.querySelector（“.cont”）；
常量图像=[
{
“src”：https://picsum.photos/300/200",
“标题”：“双色调墙”，
“标签”：[“墙”、“双音”]
},
{
“src”：https://picsum.photos/320/200", 
“标题”：“可爱的小狗”，
“标签”：[“狗”、“步行机”]
},
{
“src”：https://picsum.photos/330/200",
“标题”：“自然风光”，
“标签”：[“自然”、“山脉”]
},
{
“src”：https://picsum.photos/300/210",
“标题”：“男人看电话”，
“标签”：[“男人”、“电话”]
},
{
“src”：https://picsum.photos/300/220",
“标题”：“波浪波”，
“标签”：[“水”，“波”]
},
{
“src”：https://picsum.photos/300/230",
“标题”：“山脉”，
“标签”：[“山”、“草”]
}
];
图像。forEach（函数（par）{
cont.innerHTML+=`；
});
.cont{
显示：网格；
网格模板柱：1fr 1fr 1fr；
}
img{
宽度：200px；
高度：200px；
}
请显示用于显示文本的代码。花几分钟时间通读和阅读。Stackoverflow不是免费的编码服务。我们的目标是帮助您改进当前代码，而不是从头开始为您创建代码—您忘记发布代码了。
const images = [
    {
        "src": "Image1.jpeg",
        "title": "A two tone wall",
        "tags": ["wall", "two tone"]

    },
    {
    "src": "image2.jpeg", 
    "title": "Cute doggy", 
    "tags": ["dog", "walkies"]
},
{
    "src": "image3.jpeg",
    "title": "Natural splendor", 
    "tags": ["natural", "mountain"]
},
{
    "src": "image4.jpeg",
    "title": "Man looking at phone", 
    "tags": ["man", "phone"]
},
{
    "src": "image5.jpeg",
    "title": "Wavey wave",
    "tags": ["water", "wave"]
},
{
    "src": "image6.jpeg",
    "title": "Mountain range",
        "tags": ["mountain", "grass"]
    }

]`