使用rowspan和colspan在HTML中创建表

时间:2015-08-21 10:34:34

标签: html

我想用HTML制作表格。

-------------------------------
|Id | Name | Contact Number   |
|          |------------------
|          |Mobile  |Landline |
------------------------------
|1  |joy   |9045454 |04-54225 |
-------------------------------

我该怎么办?

2 个答案:

答案 0 :(得分:2)

我认为,在这种情况下,只是关于colspan:你总共有4个cols,所以代码可能如下所示:

<table>
    <tr>
        <td>Id</td>
        <td>Name</td>
        <td colspan="2">Contact Number</td>
    </tr>
    <tr>
        <td colspan="2"></td>
        <td>Mobile</td>
        <td>Landline</td>
    </tr>
    <tr>
        <td>1</td>
        <td>Joy</td>
        <td>9045454</td>
        <td>04-54225</td>
    </tr>
</table>

好吧,添加一些样式就可以了!

答案 1 :(得分:2)

<table border="border">
        <tr>
            <th rowspan="2">Id</th>
            <th rowspan="2">Name</th>
            <th colspan="2">Contact no</th>
        </tr>
        <tr>

            <th>Mobile</th>
            <th>Landline</th>
        </tr>
        <tr>
            <td>1</td>
            <td>joy</td>
            <td>9045454</td>
            <td>04-54225</td>
        </tr>
    </table>

****希望这可以帮助你****