在HTML表格中創建表格

下面顯示了我的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

來源

2014-02-05 Chamal

都是相同的圖像..預期影像..？ – Manoj

他需要排隊兄弟... – vino20

圖像上的內容是相同的。但外觀不同。 – Chamal

我認爲您期待以下一項權利？

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>

來源

2014-02-05 11:42:05 vino20

這對我很有幫助。非常感謝... – Chamal

歡迎您... – vino20

試試這個代碼：

DEMO

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

來源

2014-02-05 11:43:28 Manoj

非常感謝 – Chamal

在HTML表格中創建表格

回答

相關問題