html - 如何为列和行部分创建带有标题的 html 表

Question

我正在尝试制作一个类似于此的 html 表：

我对表格的数据不感兴趣，只对准系统感兴趣：可能性、后果、列名（次要、中等等）和行（几乎可以肯定、可能等）。

这是我到目前为止所拥有的：http: //jsfiddle.net/PQHR6/

我不知道如何制作这些Likelihood和Consequence标题

Answer 1

您需要th与属性一起使用colspan。

    <tr>
        <th>Table header</th>
        <th colspan="5">Table header</th>
    </tr>
    <tr>
        <th>&nbsp; <!-- EMPTY --></th>
        <th>Minor</th>
        <th>Lorem 1</th>
        <th>Lorem 2</th>
        <th>Lorem 3</th>
        <th>Lorem 4</th>
    </tr>
    <tr>
        <th>Almost Certain</th>
        <td>Table cell 1</td>
        <td>Table cell 2</td>
        <td>Table cell 3</td>
        <td>Table cell 4</td>
        <td>Table cell 5</td>
    </tr>

jsfiddle：http: //jsfiddle.net/nPQfz/

Answer 2

使用表格标题th并将colspan属性添加到第二个标题以跨越 5 列：

<tr>
    <th>Likelyhood</th>
    <th colspan="5">Consequence</th>
</tr>

更新了 jsfiddle