最好/最实用的方法来创建这个？

Question

- 注意：我对CSS和HTML仍然很陌生） -

尝试进一步练习我的编码（CSS，HTML），我决定为自己做点小事。屏幕的一部分（html页面）将填充如下的小块。这些都是相同的大小，但可以有不同的颜色（1列= 1color）和不同的文字（如下所示）。他们还应该允许在其中包含图像。每个小块都是不同的链接。

总共可以有超过50个（一列中最多5个）这样的小块，每个块都有不同的文本（大小，重量，（未）大写）或图像和不同的链接。在我的脑海中，我也在考虑添加Javascript来与它们进行交互（如打开链接，甚至添加/删除块）

现在我想知道我该怎么做。我看到两个选项：表格和div。

他们都有利有弊，所以我想问你的意见。 为什么要这样或那样？我可能忽略了任何其他解决方案吗？

编辑：我的想法的简短摘要（缺乏时间）：

1. DIV：
   • 更容易修改每个div
   • 使用java更容易
   • 更容易修改其中的文字或图片
   • 似乎很喜欢我的偏好
   • 编辑块（填充）和块之间的空间需要额外的代码
2. 表：
   • 更容易一次制作许多
   • 更清晰的代码
   • 难以修改每个块的文本样式或图像

Answer 1

你可以使用div，divs与css表或普通的旧html表。

如果您需要绝对位置和宽度/高度，请使用div。

如果您需要可以自己扩展的单元格，请使用表格。

css表非常新，我没有太多使用它，所以你必须自己决定。构建网页的趋势是现在使用很少或没有表格的div。但它取决于你。

Answer 2

最简单的方法就是拥有一大堆浮动的div。你应该从不使用表格进行内容布局，只应该用于应该在表格中显示的内容

例如

float:left;
margin:10px 10px 0 0;
width:50px;
height:50px;

然后，如果它们都是不同的颜色，您可以设置内联样式，或者使用更多类

Answer 3

如果您打算让它们互动。你绝对应该使用Divs。它们更容易使用Javascript