在HTML中创建表中的表

时间:2014-02-05 11:35:53

标签: html

下面显示了我的HTML代码&这是结果。

<html>
<body>
   <table width="75%">
      <td>
         <table width="99%" border="4">
            <tr>
               <th>NAME</th>
               <th>AGE</th>
            </tr>
            <tr>
               <td>Dilantha</td>
               <td>30</td>
            </tr>
            <tr>
               <td>Chamal</td>
               <td>25</td>
            </tr>
            <tr>
               <td>Rose</td>
               <td>20</td>
            </tr>
         </table>
      </td>
      <td>
         <table width="99%" border="4">
            <tr>
               <th>NAME</th>
               <th>YEAR</th>
            </tr>
            <tr>
               <td>Jhon</td>
               <td>2010</td>
            </tr>
         </table>
      </td>
   </table>
</body>
</html>

enter image description here

但我需要在下面显示结果。请帮我完成我的HTML代码。 谢谢。 enter image description here

2 个答案:

答案 0 :(得分:1)

我认为您期待以下一个正确吗?

enter image description here

<html>
<body>

<table width="75%"> 
<td> 
      <table width="99%" border="4"> 
      <tr><th > NAME </th>
          <th > AGE</th>
      </tr> 
      <tr>
          <td>Dilantha</td>
          <td>30</td>
      </tr>
      <tr>
          <td>Chamal</td>
          <td>25</td>
      </tr>
      <tr>
          <td>Rose</td>
          <td>20</td>
      </tr>
      </table> 
</td> 


<td style="vertical-align:top"> 
      <table width="99%" border="4"> 
      <tr><th > NAME </th> 
          <th>YEAR</th>
      </tr>
      <tr>
          <td>Jhon</td>
          <td>2010</td>
      </tr>

      </table> 
</td> 
</table>

</body>
</html>

答案 1 :(得分:1)

试试这段代码:

<强> DEMO

<td style='vertical-align: top;'>