如何使用多样式imagen创建html表

我面临着一个关于图像协调的问题

主要目标是实现这一目标

---------------———————-
     Table header
----------------——————
| Img1 |      | img4 |
-------| Img3 |--—————
| Img2 |      | img5 |

记住这一点，我怎样做才能创建一个图像表，以便像这样放置图像？很重要的一点是，图像针对这些比例进行了优化

有什么想法吗？

.grid容器{
显示：网格；
网格模板柱：1fr 1fr 1fr 1fr；
网格模板行：1fr 1fr 1fr；
网格模板区域：“表格标题表格标题表格标题表格标题表格标题”“IMG1 IMG3 IMG3 IMG4”“IMG2 IMG3 IMG3 IMG5”；
}
.TABLE-HEADER{网格区域：TABLE-HEADER；}
.IMG3{网格区域：IMG3；}
.IMG1{网格区域：IMG1；}
.IMG2{网格区域：IMG2；}
.IMG4{网格区域：IMG4；}
.IMG5{网格区域：IMG5；}

您试过什么吗？好像你知道你想要一张桌子。互联网上有很多关于创建图表的教程。我知道DIV做得很好，但我正在研究如何使用表格，如果可能的话。它最终成功了，我正在考虑使用表格，但我认为你的是一个更快的解决方法。很高兴我能提供帮助