Html如何创建具有多个标题的表？

我想做一张桌子。我知道如何在html中制作简单的表格。我想要一些标题。一些类型的标题，类似于照片。我不知道它的数量，我会在我的程序中计算它。我应该用什么，关于我应该读什么

我试过这个：

<table border="1" width="100%">
<tr>
    <th>AAA1</th>
    <th>AAA2</th> 
</tr>
<tr>
    <th>KKK1</th>
    <th>KKK2</th>
    <th>KKK3</th>
    <th>KKK3</th>
</tr>

<tr>
    <th>PPP1</th>
    <th>PPP2</th>
    <th>PPP3</th>
    <th>PPP4</th>
    <th>PPP5</th>
</tr>
</table>

AAA1
AAA2
KKK1
KKK2
KKK3
KKK3
PPP1
PPP2
PPP3
PPP4
PPP5

但我知道这太简单了，不会给我类似的图片。我读过关于colspan的文章，但它不会给出我想要的结果。 也许有一个引导程序

---

不同的行可以有不同的标题。有一个问题。如果您对标记的有效性有疑问，可以使用检查HTML。

如果您想为标题设置一些标题，可以使用colspan属性Bute。例如，如果您想为标题设置2个标题，可以为第一个标题设置colspan=“2” 我希望我能理解你的意思

---

对于表，也可以使用bootstrap中的class=“table”来解决此问题。

我看到了此页，并写道：“colspan”对我不起作用。请看图片上的第三行：“L1，L2，L3…”。这组中的每一个（Cw、Ps、L）都有单独的数据颜色和自己的行。例如，如果我知道“Ps”组是“Cw”的一半，我会使用colspan。但我不知道。Cw可以是10，但L例如17我应该用什么，关于我应该读什么？学习JavaScript，因为您显然是在描述根据未知需求动态更改表结构的需求。我更喜欢避免使用JavaScript，因为我从未使用过它。我将在我的数据库中定义每组的数量。也许是css。但是什么呢？也许我可以试着在另一个表上显示一个表？CSS是非常有限的，为了接近您所需要的内容，仅仅使用HTML和CSS AFAIK是不可能的。基本上，我假设您需要使用变量、一些表达式和一种方法来操作浏览器中呈现的内容。CSS缺少可用于利用此类复杂任务的动态功能的变量和表达式。CSS和HTML不是语言。除了问题中简单的表标记和您提到的内容之外，您还应该了解

thead

、

tbody

、

tfoot

、

col

标记、

scope

属性：

scope=“row”

=col

=rowgroup

，

标题

属性等。这些都包含在他回答中提到的@cthrall中，并链接到其中一个页面。HTML表格及其CSS现在非常灵活，可以创建非常复杂的内容。