Html如何制作一个包含多个标题的表?

时间:2016-01-14 17:44:18

标签: html css twitter-bootstrap responsive-design html-table

我想做一张桌子。我知道如何在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>

但我知道这太简单了,不会给我类似图片的东西。我读到了colspan,但它不会给我一个我想要的结果。 也许它有一个引导程序?

enter image description here

2 个答案:

答案 0 :(得分:0)

您可以为不同的行设置不同的标头。有一个good example on the W3 site。如果您对标记有效性有疑问,可以使用the W3 validator web page检查HTML。

答案 1 :(得分:0)

如果你想要一个标题的标题,你可以使用colspan attrebute,例如,如果你想要一个标题的2个标题你可以使用colspan =“2”作为第一个标题 我希望我明白你的意思。

也适用于表格,不是针对此问题,您可以使用bootstrap中的class =“table”。