带有图像的HTML表格

因此，我目前正在为我的大学戏剧系重新制作网站，我想并排添加3个图像（它们之间有间距）。他们还需要有字幕。但是标题需要有一个标题（其样式与标题本身不同），后跟标题本身。环顾这里和其他地方后，我想我可以使用一个表来完成这项工作，因为格式化大小将是最简单的方法。我已经在网站的这一部分呆了将近一个月，并尝试了许多其他方法（div、tables等），我想知道是否有其他人做过类似的事情，并且能够提供一些建议。网站当前位于以下位置：。任何帮助都将不胜感激（我希望这符合指导原则，第一次提问）

编辑：以下是我需要帮助的代码部分：

函数windowSize（）{
var w=var w=document.getElementById（'body'）.clientWidth；
document.getElementById（'newsTable'）.style.width=w+'px'；
document.getElementById（'newsItems'）。style.height=document.getElementById（'newsItems'）。clientWidth+'px'；
}

1.
2.
3.
4.
5.
6.

最好的选择可能是使用引导。它可以为你们做很多专栏作家的工作。但如果这听起来有点复杂，这里有一个简单的小提琴，三个图像并排排列。

我只是把图像和它们的标题用div包装，然后给它们一个固定的宽度

.oneThird{
宽度：30%；
浮动：左；
利润率：.5%；
}
.三分之一img{
宽度：100%；
}

标题

标题

标题

你能编辑你的问题并添加你需要帮助的部分代码吗？首先，一些高分辨率的图像可能会有所帮助。尝试将表格数据元素中的边框间距或填充设置为不同的值，以查看您喜欢的图像。因此，这非常有效，基本上就是我想要的。我如何使它集中在我的页面上？或者我怎样才能让右侧与站点的其余部分对齐？这取决于你网站的其他部分是什么样子的，但通常情况下，如果你把body设置为100%的宽度和高度，并且这个div在body下面，那么它看起来应该很好，然后跟随你的其他div。我不确定你想在你的网站上得到多复杂。