如何使用<table>,<tr>,<td>和<div>标签创建此表？

Question

我想制作下表,但是在确定使用哪些元素时遇到了一些困难.目前,该表已使用table标签实现,第一行使用tr和td标签完成.

真正的问题是单元格E,F,G和H.我认为可以使用两个div标签来实现由单元格E,F,G和H创建的矩形区域,但这似乎不起作用.此外,它似乎并不像我可以<table>在table标签内.

Answer 1

<table border="1">
    <tr>
        <td>Row 1</td>
        <td colspan="2">A</td>
        <td>B</td>
        <td>C</td>
        <td>D</td>        
    </tr>
    <tr>
        <td rowspan="2">Row 2</td>
        <td>E</td>
        <td>F</td>
        <td>G</td>
        <td rowspan="2">I</td>
        <td rowspan="2">J</td>
    </tr>
    <tr>
        <td colspan="3">H</td>
    </tr>
</table>

jsFiddle:http://jsfiddle.net/77a3V/

rowspan并且colspan是你的朋友.